Imprimer le programme 
Télécharger le programme en PDF -
Formateur(s)
Christophe GERMAIN -
Référence
ANG2
-
Durée
3 jours (21h)
-
Prix unitaire HT
1650 €
Prochaines sessions
Description
Durant cette formation, vous allez apprendre à construire des applications web avec l’architecture et le Framework Angular 8. Vous allez également voir les nouveautés prévues pour Angular 9. Nous allons élaborer des CRUD avec une API REST. Nous allons découvrir ou redécouvrir les Routes et les Revolvers, voir le Back dans une API Frontend de type SPA.
Cette formation vous donnera tout sur le « mode déconnecté » d’Angular et vous permettra d’optimiser notre application pour vos futurs déploiements. Vous verrez l’organisation de la Clean Architecture pour la gestion optimale des modules avec la gestion du Guard.
Objectifs pédagogiques
• Découvrir les fonctionnalités & les nouveautés du Framework Angular 8
• Savoir développer une nouvelle application Web avec Angular 8
• Savoir concevoir une application Angular 8 avec JavaScript et Typescript 3.1
• Connaître les mécanismes avancés du Framework
Public cible
Chefs de projet Web, Architectes techniques, Développeurs front-end
Pré-requis
Connaissance de JavaScript ou Typescript, html, CSS
Modalités d’évaluation
L’évaluation des acquis se fait tout au long de la session au travers d’ateliers de mise en pratique des notions et concepts abordés pendant la formation.
Méthodes pédagogiques
30 % théorie / 70 % pratique
Dernière mise à jour : juin 2020
Programme de la formation
Introduction
- ES6, le nouveau JavaScript
- ES6 et les modules
- TypeScript 3, le typage du JavaScript
Les bases du Framework
- Comprendre la philosophie du Framework
- Templating
- Angular CLI, un outil pour tout générer
Les nouveautés d’Angular 9, 8, 7, 6 et 5
- ng add / ng update : configuration & migration automatique
- Build avec le compilateur Bazel
- Angular Elements
- Angular Material + CDK Components
- Progressive Web App (PWA)
- Versions : RxJS 6 & Support de TypeScript 3.1
- Ivy
Composant
- Web Components
- Décorateurs Angular
- Property binding, envoyer des données au composant
- Event binding, évènements personnalisés
Directives
- Directive : fonctionnement et création
- Les directives fournies par Angular
- Attribute directives
Modules
- Déclarations d’un module : imports et exports
- Les providers d’un module
Pipes
- Les transformateurs fournis
- Créer son Pipe et pour quel besoin
Injection de dépendances (IOC)
- Principes
- Configurer son application
- L’injection de dépendances : type-based et hiérarchique
- Différents types de providers
Router
- RouterModule: Configuration des routes et URLs
- Définitions des routes, liens et redirection, paramètres
- Hiérarchies de routes
- Gérer les Resolver
- Gérer les Guards
Observables & Services
- Introduction à RxJS
- Le concept d’Observable
- Principales opérations sur les observables
- Lien avec les promesses
Échanger avec un serveur
- Requêtes HTTP
- Communication avec une API (json-server en mode autonome)
- Afficher des données externes
- Afficher des données asynchrones avec AsyncPipe et les conséquences
Formulaire
- Créer un formulaire
- ngModel et validors intrinsèques
- Reactive forms et les Validators et la gestion des messages liés
Avis et témoignage
4/5
Web / Angular 8 et 9
Très bonne formation avec un bon support et des exemples concrets
Le 22-05-2019
par Alexandre Ledet
- Alliance Concept Informatique
4/5
Web / Angular 8 et 9
Très bonne formation
Le 22-05-2019
par Daniel Laurens
- A3IS
4/5
Web / Angular 8 et 9
Une bonne pédagogie et un bon relationnel
Le 22-05-2019
par Alexandre Ledet
- Alliance Concept Informatique
4/5
Web / Angular 8 et 9
Bon support de cours et formation en petit comité
Le 22-05-2019
par Daniel Laurens
- A3IS
5/5
Web / Angular 8 et 9
Très bonne formation dans l'ensemble
Le 11-03-2019
par Florent Maillard
- TBS