Plan du cours
Introduction
- Qu'est-ce qu'Angular ?
- Qu'y a-t-il de neuf dans Angular 10 ?
Aperçu de TypeScript et JavaScript ES6
- Syntaxe TypeScript
- Utilisation du transpileur TypeScript
- Mise en place d'Angular 10 et TypeScript
Aperçu des parties d'Angular 10
- Angular CLI
- Composants
- DIRECTIVES
- Entrées et sorties
- Data binding et interpolation
- Liaison d'événements
- Data modeling
- Bootstrapping
Création de votre première application Angular
- Planification de l'application
- Mise en place d'un projet Angular
- Création d'une interface utilisateur mobile-friendly avec Bootstrap 4 et Sass
Création d'un composant
- Comprendre le cycle de vie du composant
- Data flow
- Utilisation des modèles et styles
- Projection de contenu
- Travail avec AppModule
- Création de composants personnalisés
- Utilisation de l'encapsulation de vue
- Mise en œuvre des hooks de cycle de vie
- Utilisation de ViewChildren et ContentChildren
Data binding dans Angular 10
- Comprendre la liaison de propriétés et d'événements
- Liaison et attribution d'alias à des propriétés personnalisées
- Liaison et attribution d'alias à des événements personnalisés
Travail avec les directives
- Directives intégrées
- Directives personnalisées
Services Angular 10
- Création d'un service de journalisation
- Création d'un service de données
Utilisation de l'injection de dépendances et des fournisseurs
- Injecteurs, fournisseurs et tokens
- Configuration de l'injection de dépendances
- Configuration de votre fournisseur
- Injection de services dans les composants, directives et services
Changement de pages avec le routage
- Comprendre les différentes méthodes de navigation
- Stratégies de routage
- Mise en place des routes
- Configuration et chargement des routes
- Utilisation de paramètres dans les routes
- Création de routes imbriquées
- Utilisation de routes de redirection et de wildcard
- Comprendre les guards de route
Utilisation de RxJS pour créer et travailler avec des observables dans Angular
- Aperçu des observables
- Aperçu de RxJS
- Construction et utilisation d'observables dans Angular
Génération de formulaires pour l'entrée utilisateur
- Utilisation des formulaires pilotés par le modèle
- Utilisation des formulaires réactifs
- Création de validation personnalisée
- Validation, filtrage et nettoyage des données de formulaire
Utilisation de pipes
- Transformation de la sortie
- Pipes intégrés
- Async Pipe
- Pipes personnalisés
Faire des appels à des APIs HTTP externes
- Envoi de requêtes
Utilisation des modules Angular
Test de l'application Angular 10
- Utilisation de Jasmine pour le test unitaire
- Utilisation de Protractor pour le test end-to-end
Débogage de l'application
- Comprendre les messages d'erreur dans Angular
- Utilisation des sourcemaps pour déboguer le code dans le navigateur
- Lecture des diagnostics du compilateur TypeScript
- Utilisation de Augury
Optimisation de l'application Angular 10
- Réorganisation du code
- Réduction de la taille des bundles et élimination du code mort
Sécurité d'Angular 10
- Comment l'authentification fonctionne
- Utilisation de l'authentification JWT
- Ce qui doit et ne doit pas être écrit dans Angular
Déploiement d'une application Angular 10 en production
- Déploiement sur IIS, Apache, Nginx, etc.
Meilleures pratiques pour Angular 10
Résolution de problèmes
Résumé et conclusion
Pré requis
- Familiarité avec le HTML de base, CSS et JavaScript
Public visé
- Développeurs
Nos clients témoignent (5)
L'attitude et la connaissance de l'animateur
Gabriel Llaurado - Allianz Technology
Formation - Angular 10 for Developers
Traduction automatique
La connaissance de l'instructeur.
Jeffry Gonzalez - Allianz Technology
Formation - Angular 10 for Developers
Traduction automatique
Nous avons commencé par les bases d'Angular et de TS, et nous avons progressivement augmenté la difficulté des exercices de manière appropriée.
Daniel Zamorano Infante - Allianz Technology
Formation - Angular 10 for Developers
Traduction automatique
Le formateur était très sympathique et avait bien préparé la formation. Il alternait théorie et pratique tout en suivant un fil rouge, nous amenant à partir de rien à une application Angular assez complète.
Vincent Perradin - Ecole normale superieure de Lyon
Formation - Angular 10 for Developers
Exemples pratiques, exercices et bonnes pratiques
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Formation - Angular 10 for Developers
Traduction automatique