Formation
Angular Parcours Complet

Cette formation Angular vous permettra de découvrir et maîtriser en profondeur les différentes facettes et concepts du framework.

01
Pour qui ?
Public visé

Architectes, développeurs et chefs de projets Web et toute personne souhaitant apprendre à découvrir et maîtriser le framework Angular.

Prérecquis

Bonnes connaissances des technologies du web et des outils modernes de développement. Bonne maîtrise de JavaScript.

02
Les
Objectifs
03
Le
Programme

Jour 1
Matin
Rappels JavaScript
• Composants d’une application Web. HTML5 et CSS3
• Outils de développement Web/JavaScript
• Moteurs de rendu HTML et JavaScript. DOM, BOM
• JavaScript rappels : prototypes, closures et callbacks
• Rappels sur les concepts objet en JavaScript

Présentation du framework Angular
• Angular, positionnement : jQuery, ExtJS…
• Intégration. Compatibilité, versions, documentation
• Fonctionnalités et principes généraux
• Directives Angulars, compilateur HTML
• Expressions. Data-Binding bidirectionnel. Filtres

Après-midi
Contrôleurs et gestion des scopes
• Création et utilisation des contrôleurs
• Gestion du contexte, la variable $scope
• Propagation des événements. API. Dirty Checking
• Traitement et validation des formulaires

Module et injection de dépendance
• Fonctionnalités de l’objet angular
• Principe de l’injection de dépendance
• Notion de module et configuration
• Découper son application

Jour 2
Matin
Définition des routes
• Configuration des routes et URLs
• Définitions des routes, liens et redirection, paramètres
• Hierarchies de routes
• Prétraitement des vues
• Utilisation des « fragments »

Fonctionnalité de données, Echange Serveur
• Requêtes HTTP
• Communication avec une API
• Afficher des données externes
• Afficher des données asynchrones avec AsyncPipe

Après-midi
Intégration des tests automatisés
• Utilitaires de test : Jasmine. Angular-scenario. Test : contrôleurs, services… Utilisation avec Karma.
• End to End Testing: interface utilisateur.

Bonnes pratiques et outils
• Yeoman, optimisation du développement
• Internationalisation (I18N), mise en œuvre

Jour 3
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 4
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
Rappels JavaScript
• Composants d’une application Web. HTML5 et CSS3
• Outils de développement Web/JavaScript
• Moteurs de rendu HTML et JavaScript. DOM, BOM
• JavaScript rappels : prototypes, closures et callbacks
• Rappels sur les concepts objet en JavaScript

Présentation du framework Angular
• Angular, positionnement : jQuery, ExtJS…
• Intégration. Compatibilité, versions, documentation
• Fonctionnalités et principes généraux
• Directives Angulars, compilateur HTML
• Expressions. Data-Binding bidirectionnel. Filtres

Après-midi
Contrôleurs et gestion des scopes
• Création et utilisation des contrôleurs
• Gestion du contexte, la variable $scope
• Propagation des événements. API. Dirty Checking
• Traitement et validation des formulaires

Module et injection de dépendance
• Fonctionnalités de l’objet angular
• Principe de l’injection de dépendance
• Notion de module et configuration
• Découper son application

Jour 2
Matin
Définition des routes
• Configuration des routes et URLs
• Définitions des routes, liens et redirection, paramètres
• Hierarchies de routes
• Prétraitement des vues
• Utilisation des « fragments »

Fonctionnalité de données, Echange Serveur
• Requêtes HTTP
• Communication avec une API
• Afficher des données externes
• Afficher des données asynchrones avec AsyncPipe

Après-midi
Intégration des tests automatisés
• Utilitaires de test : Jasmine. Angular-scenario. Test : contrôleurs, services… Utilisation avec Karma.
• End to End Testing: interface utilisateur.

Bonnes pratiques et outils
• Yeoman, optimisation du développement
• Internationalisation (I18N), mise en œuvre

Jour 3
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 4
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
Rappels JavaScript
• Composants d’une application Web. HTML5 et CSS3
• Outils de développement Web/JavaScript
• Moteurs de rendu HTML et JavaScript. DOM, BOM
• JavaScript rappels : prototypes, closures et callbacks
• Rappels sur les concepts objet en JavaScript

Présentation du framework Angular
• Angular, positionnement : jQuery, ExtJS…
• Intégration. Compatibilité, versions, documentation
• Fonctionnalités et principes généraux
• Directives Angulars, compilateur HTML
• Expressions. Data-Binding bidirectionnel. Filtres

Après-midi
Contrôleurs et gestion des scopes
• Création et utilisation des contrôleurs
• Gestion du contexte, la variable $scope
• Propagation des événements. API. Dirty Checking
• Traitement et validation des formulaires

Module et injection de dépendance
• Fonctionnalités de l’objet angular
• Principe de l’injection de dépendance
• Notion de module et configuration
• Découper son application

Jour 2
Matin
Définition des routes
• Configuration des routes et URLs
• Définitions des routes, liens et redirection, paramètres
• Hierarchies de routes
• Prétraitement des vues
• Utilisation des « fragments »

Fonctionnalité de données, Echange Serveur
• Requêtes HTTP
• Communication avec une API
• Afficher des données externes
• Afficher des données asynchrones avec AsyncPipe

Après-midi
Intégration des tests automatisés
• Utilitaires de test : Jasmine. Angular-scenario. Test : contrôleurs, services… Utilisation avec Karma.
• End to End Testing: interface utilisateur.

Bonnes pratiques et outils
• Yeoman, optimisation du développement
• Internationalisation (I18N), mise en œuvre

Jour 3
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 4
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.