Plan du cours
Introduction
- Quoi de neuf dans Angular 6 ?
Vue d'ensemble de Typescript et ES6 JavaScript
- Syntaxe TypeScript
- Utilisation du transpileur TypeScript
- Configuration de Angular 6 et de Typescript
Vue d'ensemble des composants de Angular 6
- Création de composants
- Liaison de données et interpolation de chaînes
- Liaison de propriétés
- Liaison par événement
- Liaison de données bidirectionnelle
- Modélisation des données
- Directives
- Bootstrapping
- Entrées et sorties
- Angular CLI
Créer votre première Angular application
- Planification de l'application
- Configuration d'un projet et d'une application Angular à l'aide de l'interface de programmation
- Création d'un projet de base Utilisation des composants Bootstrap 4 et Sass
Utilisation des composants Angular 6
- Flux de données
- Travailler avec AppModule
- Travailler avec des composants personnalisés
- Utilisation de modèles et de styles
- Utilisation de l'encapsulation des vues
- Projeter du contenu
- Comprendre le cycle de vie des composants et les crochets de cycle de vie
- Utilisation des ViewChildren et ContentChildren
Liaison de données dans Angular 6
- Vue d'ensemble de 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
Travailler avec des directives
- Directives intégrées
- Directives personnalisées
Angular 6 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 de votre fournisseur
- Injection de services dans les composants, les directives et les services
Passage d'une page à l'autre avec le routage
- Configuration des routes
- Configuration et chargement des routes
- Comprendre les différentes méthodes de navigation
- Utilisation de paramètres dans les routes
- Création de routes imbriquées
- Utilisation des routes de redirection et des routes génériques
- Comprendre les garde-route
- Comprendre les stratégies de routage
Utilisation de RxJS pour créer et travailler avec des observables dans Angular
- Aperçu des observables
- Vue d'ensemble de RxJS
- Création et utilisation d'observables dans Angular
Gestion des formulaires
- Utilisation des formulaires pilotés par des modèles
- Utilisation des React formulaires vivants
Utilisation des tuyaux
- Pipes intégrés
- Pipes asynchrones
- Pipes personnalisés
Appeler des API HTTP externes
Utilisation des modules Angular
Tester l'application Angular 6
- Utilisation de Jasmine pour les tests unitaires
Débogage de l'application
- Comprendre les messages d'erreur dans Angular
- Utilisation des Sourcemaps pour déboguer le code dans le navigateur
- Utilisation d'Augury
Optimiser l'application Angular 6
[Sécurité
- L'authentification
- Ce qui doit et ne doit pas être écrit en Angular 6
Déployer une application Angular 6 en production
- Déploiement vers IIS, Apache, Nginx, etc.
Résolution des problèmes
Remarques finales
Pré requis
- Familiarité avec les principes de base de HTML, CSS et JavaScript .
Audience
- Développeurs
Nos Clients témoignent (3)
Good material! The trainer is a really nice guy which helps a lot!
Xander Knol - Conclusion Learning Centers
Formation - Angular 6
Practical exercises!
William Limberger - Conclusion Learning Centers
Formation - Angular 6
Learning the whole ecosystem of angular, typescript, ad especially routing