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 les connaissances du formateur
Gabriel Llaurado - Allianz Technology
Formation - Angular 10 for Developers
Traduction automatique
La connaissance de l'infrastructure.
Jeffry Gonzalez - Allianz Technology
Formation - Angular 10 for Developers
Traduction automatique
Nous sommes partis de la base Angular et TS et nous avons incrémenté la difficulté des exercices de manière judicieuse
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 meilleures pratiques
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Formation - Angular 10 for Developers
Traduction automatique