-
Formateur(s)
Christophe GERMAIN -
Référence
ANG813
-
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 à 13. Vous allez également voir les nouveautés prévues pour Angular 13. 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 13
- Savoir développer une nouvelle application Web avec Angular 13
- Savoir concevoir une application Angular 13 avec JavaScript et Typescript 4.4
- Connaître les mécanismes avancés du Framework
Public cible
Développeur, chef de projet
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 : Décembre 2022
Nos formations sont accessibles aux personnes en situation de handicap, pour plus d’informations, c’est ICI
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 8 à 13
- 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 4.4
- Ivy
- Angular 13 : Des builds améliorées avec la capacité persistante « cache build by default »
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
- Formater une chaîne
- Formater des collections
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
- Angular 13 :RouterOutletContract
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
- Afficher des données externes
- Afficher des données asynchrones avec AsyncPipe
Formulaire
- Créer un formulaire
- Template-driven forms
- ngModel
- Reactive forms
- Validation et erreurs
- Angular 13 : API ViewContainerRef.createComponent simplifiée qui permet la création dynamique de composants
4/5
Web / Angular 8 à 13
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 à 13
Très bonne formation
Le 22-05-2019
par Daniel Laurens
- A3IS
4/5
Web / Angular 8 à 13
Une bonne pédagogie et un bon relationnel
Le 22-05-2019
par Alexandre Ledet
- Alliance Concept Informatique
4/5
Web / Angular 8 à 13
Bon support de cours et formation en petit comité
Le 22-05-2019
par Daniel Laurens
- A3IS
5/5
Web / Angular 8 à 13
Très bonne formation dans l'ensemble
Le 11-03-2019
par Florent Maillard
- TBS