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 (6)
GoMatériel supplémentaire ! Le formateur est vraiment sympa, ce qui aide beaucoup !
Xander Knol - Conclusion Learning Centers
Formation - Angular 6
Traduction automatique
Exercices pratiques !
William Limberger - Conclusion Learning Centers
Formation - Angular 6
Traduction automatique
Apprendre l'ensemble de l'écosystème Angular, TypeScript et surtout le routage
Ryan Delport - Leaseweb
Formation - Angular 6
Traduction automatique
Pratiquer en le faisant moi-même.
Christiaan Sloof - Leaseweb
Formation - Angular 6
Traduction automatique
J'ai vraiment apprécié le formateur, c'est un excellent spécialiste.
Lukasz Cysewski - PSI Polska
Formation - Angular 6
Traduction automatique
Les tutoriels nous ont permis de mettre en pratique les connaissances acquises lors des cours dans un exemple concret. Ils nous ont également offert l'occasion de poser des questions si nous étions incertains sur le fonctionnement de某些部分的信息在翻译时丢失了,我将直接提供法语翻译内容: Les tutoriels nous ont permis de mettre en pratique les connaissances acquises lors des cours dans un exemple concret. Ils nous ont également offert l'occasion de poser des questions si nous étions incertains sur le fonctionnement d'un élément spécifique.
Chris Gilchrist - SAA Consultants LTD
Formation - Angular 6
Traduction automatique