IB : 05. Angular - Développement d'applications web

EN PRÉSENTIEL / A DISTANCE

1. INTRODUCTION 

• Outils et IDE
• Packaging, npm
• Webpack
• Installation node.js / npm
• Installation angular-cli

2. TYPESCRIPT ET ES6 

• Installation TypeScript
• Transpiler EcmaScript
• Let, variables locales et constantes
• Typage et types natifs
• Paramètres optionnels, valeurs par défaut
• Classes et interfaces
• Gestion des modules
• Arrow functions

3. LE FRAMEWORK ANGULAR 

• Contexte
• Présentation générale
• Description de l’architecture du framework (MVC, workspaces, configurations, …)
• Présentation des composantes du framework (modules, composants, directives, services, …)
• La philosophie « composant »
• Commandes du angular-cli
• L’extension du navigateur Angular DevTools
• Les types de NgModules
• Métadonnées du NgModule
• Contexte de compilation des modules
• Import/Export de modules

4. LES COMPOSANTS ET TEMPLATE 

• Métadonnées du composant (selecteur, template, styles, …)
• Déclarations dans un NgModule
• ViewEncapsulation
• Interpolation / expression
• Property-Binding / Attribute-binding / Class-binding / Style-binding
• Variables locales

5. DIRECTIVES 

• Directives d’attributs (selecteur, ElementRef, HostListener, @Input)
• Directives de structure (ngIf, ngFor, Symbole *)
• ng-template

6. ÉVÈNEMENTS ET CYCLE DE VIE 

• Syntaxe de l’event-binding
• Types d’événement et handlers
• Objet $event
• Property-binding et @Input 
• EventEmitter et @Output
• Two way data binding (opérateur banana in a box) 
• Cycle de vie d’un composant (ngOnInit, ngOnChanges, ngOnDestroy) 

7. PIPES

• Définition
• Les pipes standards (lowercase, uppercase, currency, decimal, …)
• Le pipe key-value
• Créer son propre pipe

8. SERVICES  

• Définition
• Création de service
• Injection d’un service
• Providers (+ providedIn) et injectors
• Différence entre injecteur root et injecteur composant

9. FORMULAIRES  

• Control et ControlGroup
• Validations
• Gestions d’erreurs
• Gestion des modifications
• Groupes de champs avec FormBuilder

10. OBSERVABLES, RXJS, HTTPCLIENT

• Observables
• RxJS
• HTTP providers
• Requêtes
• Transformation des données et observables
• Options de requêtes

11. ROUTING  

• Concepts de routage
• Router providers et config
• Router directives
• Méthodes de routage et paramètres

12. POUR ALLER PLUS LOIN...

• Lazy-loading
• Introduction aux tests
• Introduction aux PWA
• Création de librairie
• Librairie de composant : Introduction à Angular-material
• Gérer l’état : Introduction à ngrx 

APRÈS LA SESSION

Retrouvez sur le Learning Hub ib :

• Des vidéocasts pour revenir sur les points clés de la formation
• Des vidéos-tutos pour vous accompagner dans la mise en œuvre de vos acquis

LES PLUS DE LA FORMATION

• Une pédagogie basée sur l'alternance de phases théoriques, d'ateliers de mise en pratique, de retours d'expériences et de séances d'échanges.
• A travers les TP proposés, les participants acquièrent une première expérience concrète du développement d'applications web sur Angular 2+.
• Des experts du framework qui partagent leurs trucs et astuces pour développer plus rapidement
• Répartition théorie/pratique : 45% / 55%
• Cette formation se compose d’une alternance d’apports théoriques, de travaux pratiques s’articulant autour d’une application fil rouge, de démonstrations, de phases d’échanges entre participants et de synthèses de la part du formateur.