Objectifs de la formation
Cette formation a pour objectif de présenter Angular qui est une plateforme de développement qui permet de créer des applications web dynamiques et immersives.Clientèle visée
Architectes, développeurs et chefs de projets web.Préalables
Bonnes connaissances des technologies du Web et des outils modernes de développement Front-End Connaissances de JavaScriptFormateurs
Gains pour les participants
À l’issue de la formation, le participant sera en mesure de :
Maîtriser les fondamentaux du Framework Angular
Mettre en place des applications Web complexes
Savoir intégrer les tests unitaires au développement.
Architecture de la formation
Développer avec JavaScript : rappels
Présentation des bonnes pratiques ECMAScript 5
Présentation générale de ES7/ES6/ES2015
Nouveautés syntaxiques : portée, "template string", "arrow functions", les promesses
Le développement JavaScript Objet avec la syntaxe de class
Le patron de conception observer/observable (ES7)
La librairie RX.js
Outils indispensables: Babel, Traceur et Typescript
Ypescript en détail
ES6/2015: approche modulaire
ES7: gestion des traitements asychrones: await async
"Modules Loaders" : Webpack, “import/export”
Passer d'AngularJS 1.x à Angular
Comparaison des concepts
Processus de migration
Structure d'une application Angular
Les principaux modules d'Angular
Principe de l'injection de dépendance
Classification des directives : composant, attribut, structure
Les décorateurs : définition des hiérarchies
L'utilitaire ng ou @angular/cli
Utilisation de l'utilitaire en ligne de commande
Scaffolder une structure de projet
Configuration des utilitaires de tâches
Lancer un serveur de développement/production (build)
Compilation Ahead of Time
La notion de “Tree Shaking”
BootStrap d'application
Définition de composants
Comprendre les Web Components
Angular Compiler : Change Detection
Syntaxe des templates : interpolation/expression, "Binding" et filtres
Directives de transformation : ngIf, ngFor, ngSwitch…
Variables locales et variables de Template
Classe de composants
Directives de configuration : selector, provider
Événements utilisateur et événements logiques personnalisés : EventEmitter
Classifications des composants applicatifs
Module, RouterModule, SharedModule
Component, Directive, Pipe, Service, Guard
Présentation de l'injection de dépendances
Création de services injectables
Classification des services
Configuration de l'injecteur
Les décorateurs
@Host, @ContentChild, @ViewChild
JavaScript Pure function, PurePipe
Gestion des formulaires, "Routing" et requête HTTP
FormControl et FormGroup
TDF versus DDF : Template Driven Form et Data Driven Form
Validation et gestion d'erreur personnalisée
Liaison de données via HTTP
Gestion et configuration des échanges HTTP au niveau applicatif
Création de routes
Intercepter les paramètres de routage et wildcard
Ciblage, "router-outlet" événements de routage
Gestion et configuration de routes dans l'arbre des composants
Tests unitaires
Configurer l'environnement de test
Présentation de Karma et de Jasmine
Écrire les tests avec Jasmine
Écrire des tests d'intégration avec protractor
Couverture du code
Indices du code-coverage
BDD (Behaviour Driven Developpemnt), TDD (Test Driven Developpement)
Cas de test : pipe, composant, application
Angular "Coding guide Style".
Détails pédagogiques
Méthode pédagogique
À l'aide d'exercices et de cas pratiques, les participants vont apprendre à créer les composantes de base d'une application Angular ainsi que son intégration avec un backend afin de créer une application web complète.
Type de cours
Formation privée en entreprise
Vous êtes plusieurs à vouloir suivre une formation en particulier dans votre entreprise? Si vous êtes plus de 8 personnes, nous pouvons nous déplacer à vos bureaux pour vous donner votre formation en privé. Contactez-nous pour plus de détails ou demandez-nous une soumission en ligne.
Demander une soumissionFormation privée en entreprise
Vous êtes plusieurs à vouloir suivre une formation en particulier dans votre entreprise? Si vous êtes plus de 8 personnes, nous pouvons nous déplacer à vos bureaux pour vous donner votre formation en privé. Contactez-nous pour plus de détails ou demandez-nous une soumission en ligne.
Demander une soumission