Plan du cours
Introduction
- Qu'est-ce que Angular ?
- Quelles sont les nouveautés de Angular 10 ?
Vue d'ensemble de Typescript et ES6 JavaScript
- Syntaxe TypeScript
- Utiliser le transpileur TypeScript
- Mise en place d'Angular 10 et de Typescript
Vue d'ensemble de Angular 10's Parts
- CLI Angular
- Composants
- Directives
- Entrées et sorties
- Liaison de données et interpolation
- Liaison d'événements
- Modélisation des données
- Bootstrapping
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 10
- 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 10 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
Utilisation des modules Angular
Test de l'application Angular 10
- Utilisation de Jasmine pour les tests unitaires
- Utilisation de Protractor 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
Optimisation de l'application Angular 10
- Retravailler le code
- Réduction de la taille des paquets et élimination du code mort
Angular 10 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 application Angular 10 en production
- Déploiement vers IIS, Apache, Nginx, etc.
Angular 10 bonnes pratiques
Dépannage
Résumé et conclusion
Pré requis
- Familiarité avec les principes de base de HTML, CSS et JavaScript .
Public
- 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