Cette formation Angular Intermédiaire vous permettra de maîtriser en profondeur les bonnes pratiques de développement avec le framework Angular.
700 € HT
Architectes, développeurs et chefs de projets Web et toute personne souhaitant approfondir ses connaissances concernant le framework Angular.
Avoir suivi la formation « Angular - Initiation » ou avoir un niveau de connaissance équivalent.
Jour 1
Matin
Angular, mise en œuvre des bonnes pratiques
• Injection de dépendances
• Types applicatifs partagés
• PWA : les Services Workers
• Requêtes HTTP avancées
• Lazy Loading
Fonctionnement interne d’Angular
• ZoneJS : le concept
• Optimisation des cycles de rendu, exécution hors ZoneJS
• Choisir RXJS
• Utilisation des observables
• Création, combinaison, opérateurs clés
• Compilation Ahead Of Time
• Webpack Bundle Analyzer
Après-midi
Création de composants distribuables
• Les Web Components
• Méthodologie : Interactive Component Sheet
• Les décorateurs
• Le Change Detection Mode
• Composants neutres versus à état. Communication entre composants, optimisation ES6
• Projection de contenu, pilotage de composants enfants
• Préparer les composants pour la distribution
• Documentation : génération dynamique
Jour 2
Matin
Définition Composants riches et librairies externes
• Découverte de l’écosystème Angular pour la gestion des données, AngularFire, NgRx
• Les bibliothèques UI : Angular Material, Prime NG…
• Les animations
Formulaire dynamique : le FormBuilder
• Création de formulaire dynamique : ReactiveFormsModule
• FormControl et FormGroup, AbstractContrl, FormArray
• Validation et gestion d’erreur personnalisée
• Création de modèles de données
• Utilisation du FormBuilder
• Création dynamique de template
• Abstraction de composant métier de formulaire
Après-midi
Tests unitaires. Bonnes pratiques et outils.
• Karma et Jasmine
• Tests d’intégration avec Protractor
• Le Code-Coverage
• Behaviour Driven Development, Test Driven Development
• Cas de test : Pipe, Component, Service, etc.
Jour 1
Matin
Angular, mise en œuvre des bonnes pratiques
• Injection de dépendances
• Types applicatifs partagés
• PWA : les Services Workers
• Requêtes HTTP avancées
• Lazy Loading
Fonctionnement interne d’Angular
• ZoneJS : le concept
• Optimisation des cycles de rendu, exécution hors ZoneJS
• Choisir RXJS
• Utilisation des observables
• Création, combinaison, opérateurs clés
• Compilation Ahead Of Time
• Webpack Bundle Analyzer
Après-midi
Création de composants distribuables
• Les Web Components
• Méthodologie : Interactive Component Sheet
• Les décorateurs
• Le Change Detection Mode
• Composants neutres versus à état. Communication entre composants, optimisation ES6
• Projection de contenu, pilotage de composants enfants
• Préparer les composants pour la distribution
• Documentation : génération dynamique
Jour 2
Matin
Définition Composants riches et librairies externes
• Découverte de l’écosystème Angular pour la gestion des données, AngularFire, NgRx
• Les bibliothèques UI : Angular Material, Prime NG…
• Les animations
Formulaire dynamique : le FormBuilder
• Création de formulaire dynamique : ReactiveFormsModule
• FormControl et FormGroup, AbstractContrl, FormArray
• Validation et gestion d’erreur personnalisée
• Création de modèles de données
• Utilisation du FormBuilder
• Création dynamique de template
• Abstraction de composant métier de formulaire
Après-midi
Tests unitaires. Bonnes pratiques et outils.
• Karma et Jasmine
• Tests d’intégration avec Protractor
• Le Code-Coverage
• Behaviour Driven Development, Test Driven Development
• Cas de test : Pipe, Component, Service, etc.
Jour 1
Matin
Angular, mise en œuvre des bonnes pratiques
• Injection de dépendances
• Types applicatifs partagés
• PWA : les Services Workers
• Requêtes HTTP avancées
• Lazy Loading
Fonctionnement interne d’Angular
• ZoneJS : le concept
• Optimisation des cycles de rendu, exécution hors ZoneJS
• Choisir RXJS
• Utilisation des observables
• Création, combinaison, opérateurs clés
• Compilation Ahead Of Time
• Webpack Bundle Analyzer
Après-midi
Création de composants distribuables
• Les Web Components
• Méthodologie : Interactive Component Sheet
• Les décorateurs
• Le Change Detection Mode
• Composants neutres versus à état. Communication entre composants, optimisation ES6
• Projection de contenu, pilotage de composants enfants
• Préparer les composants pour la distribution
• Documentation : génération dynamique
Jour 2
Matin
Définition Composants riches et librairies externes
• Découverte de l’écosystème Angular pour la gestion des données, AngularFire, NgRx
• Les bibliothèques UI : Angular Material, Prime NG…
• Les animations
Formulaire dynamique : le FormBuilder
• Création de formulaire dynamique : ReactiveFormsModule
• FormControl et FormGroup, AbstractContrl, FormArray
• Validation et gestion d’erreur personnalisée
• Création de modèles de données
• Utilisation du FormBuilder
• Création dynamique de template
• Abstraction de composant métier de formulaire
Après-midi
Tests unitaires. Bonnes pratiques et outils.
• Karma et Jasmine
• Tests d’intégration avec Protractor
• Le Code-Coverage
• Behaviour Driven Development, Test Driven Development
• Cas de test : Pipe, Component, Service, etc.
Abonnez-vous à la newsletter et restez informé des dernières actualités.
