Formation
Angular Intermédiaire

Cette formation Angular Intermédiaire vous permettra de maîtriser en profondeur les bonnes pratiques de développement avec le framework Angular.

01
Pour qui ?
Public visé

Architectes, développeurs et chefs de projets Web et toute personne souhaitant approfondir ses connaissances concernant le framework Angular.

Prérecquis

Avoir suivi la formation « Angular - Initiation » ou avoir un niveau de connaissance équivalent.

02
Les
Objectifs
03
Le
Programme

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.

05
ILS EN
DISENT...

Après une rupture de parcours professionnel, j’avais besoin de me réorienter. Passpro m’a proposé de faire un bilan de compétences de 20h. Grâce à ce bilan, j’ai de nouveaux projets et l’envie de les réaliser.

Jérome B.
détails

 Quand la crise sanitaire est arrivée, je me suis retrouvé sans activité. Il me fallait rapidement acquérir la maîtrise des outils de formation à distance. Merci Passpro de m’avoir permis de reprendre mon activité grâce à votre formation.

Fabien W.
détails

J’avais un projet de création de restaurant depuis longtemps. J’ai suivi la trajectoire BBQ de Passpro et mon restaurant est ouvert depuis 9 mois maintenant. 

Marcel C.
détails

Passpro accompagne notre groupe depuis 2017 en nous aidant à gérer notre plan de formation.

Tous nos salariés bénéficient de formations pour monter en compétences.

Nous respectons nos obligations en matière de sécurité et motivons nos équipes.

Cédric B.
détails
10
Des
questions ?
11
Newsletter
Une fois la formation dispensée, ce n’est pas fini. Nous continuons à vous accompagner dans votre projet en vérifiant 3 à 6 mois plus tard, que vos compétences sont acquises et que vous avez pu les mettre en pratique. Dans le cas où l’un des objectifs n’a pas été rempli, nous analysons avec vous ce qui peut être améliorer et nous vous proposons des solutions.
Cette formation vous intéresse ?

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.

test

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.

Restez informé !

Abonnez-vous à la newsletter et restez informé des dernières actualités.