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
Objectif 1
Savoir utiliser les décorateurs Angular
Objectif 2
Architecturer les applications Web complexes
Objectif 3
Intégrer les outils de documentation et les tests unitaires
Objectif 4
Développer et intégrer des librairies de composant
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.