Plan du cours
Introduction
- Qu'est-ce qu'Angular ?
- Quelles sont les nouveautés de Angular 12 ?
Vue d'ensemble de Typescript et ES6 JavaScript
- Syntaxe TypeScript
- Utiliser le transpileur TypeScript
- Mise en place de Angular 12et Typescript
Vue d'ensemble des Angular 12'parties
- CLI Angular
- Composants
- Directives
- Entrées et sorties
- Liaison de données et interpolation
- Liaison d'événements
- Modélisation des données
- Bootstrapping
- Webpack expérimental
Création de votre première application Angular
- Planifier l'application
- Mise en place d'un projet Angular
- Créer une interface utilisateur adaptée au mobile en utilisant Bootstrap 4 et Sass.
Création d'un composant
- Comprendre le cycle de vie des composants
- Flux de données
- Utiliser des modèles et des styles
- Projeter du contenu
- Travailler avec AppModule
- Travailler avec des composants personnalisés
- Utilisation de l'encapsulation des vues
- Mise en œuvre des crochets de cycle de vie
- Utilisation des ViewChildren et ContentChildren
Liaison de données dans Angular 12
- Comprendre la liaison des propriétés et des événements
- Liaison et affectation d'alias à des propriétés personnalisées
- Liaison et affectation d'alias à des événements personnalisés
Travailler avec des directives
- Directives intégrées
- Directives personnalisées
Angular 12 Services
- Création d'un service de journalisation
- Création d'un service de données
Utilisation de l'injection de dépendance et des fournisseurs
- Injecteurs, fournisseurs et jetons
- Configuration de l'injection de dépendance
- Configuration du fournisseur
- Injecter des services dans les composants, les directives et les services
Changer de page avec le routage
- Comprendre les différentes méthodes de navigation
- Stratégies d'acheminement
- Mise en place des itinéraires
- Configuration et chargement des itinéraires
- Utilisation de paramètres dans les itinéraires
- Création de routes imbriquées
- Utilisation des itinéraires de redirection et des itinéraires génériques
- Comprendre les garde-route
Utiliser RxJS pour créer et travailler avec des observables dans Angular
- Aperçu des observables
- Vue d'ensemble RxJS
- Construire & ; Utiliser les Observables dans Angular
Générer des formulaires pour la saisie des données par l'utilisateur
- Utilisation des formulaires pilotés par des modèles
- Utilisation des formulaires Reactive
- Créer une validation personnalisée
- Valider, filtrer et assainir les données des formulaires
Utilisation de tuyaux
- Transformer la sortie
- Tuyaux intégrés
- Tuyau asynchrone
- Pipes personnalisés
Appeler des API HTTP externes
- Envoi de demandes
Test de la Angular 12 candidature
- Utiliser Jasmine pour les tests unitaires
- Explorer Protractor alternatives pour les tests de bout en bout
Débogage de l'application
- Comprendre les messages d'erreur dans Angular
- Utiliser les Sourcemaps pour déboguer le code dans le navigateur
- Lire TypeScript les diagnostics du compilateur
- Utiliser Augury pour déboguer dans un navigateur
Optimisation de la Angular 12 candidature
- Retravailler le code
- Réduction de la taille des paquets et élimination du code mort
Angular 12 Sécurité
- Fonctionnement de l'authentification
- Utiliser l'authentification JWT
- Ce qu'il faut et ne faut pas écrire en Angular
Déploiement d'une Angular 12 application en production
- Déploiement vers IIS, Apache, Nginx, etc.
Angular 12 Meilleures pratiques
Dépannage
Résumé et conclusion
Pré requis
- Familiarité avec les principes de base de HTML, CSS et JavaScript .
Audience
- Développeurs
- Programmeurs
Nos clients témoignent (4)
Instructions sur la patience et la méthodologie
Danilo Jo - CEDSIF, IP - Ministry of Finance
Formation - Angular 12
Traduction automatique
L'expérience et la patience du formateur.
Norberto Mugube - CEDSIF, IP - Ministry of Finance
Formation - Angular 12
Traduction automatique
J'ai aimé le style d'enseignement
Gautchi Chambe - CEDSIF, IP - Ministry of Finance
Formation - Angular 12
Traduction automatique
Canalisation Itinéraires liaison de données Services
Edmundo Manave - CEDSIF, IP - Ministry of Finance
Formation - Angular 12
Traduction automatique