Angular 2+

Nos formations sont organisées sur les dernières version d'Angular, à savoir la version 5. Avec la version 2 et ensuite 4, 5 et maintenant 8, Angular propose toujours plus de cohérence dans le développement front. Les concepts d'Ecma Script 6 (ES6) sont utilisés pour faciliter la production d'applications web SPA: Modules, Annotations, Web Components... TypeScript sera utilisé pour construire les composants.

• Maîtriser la version 2 d'AngularJs
• Découvrir les spécifications EcmaScript 6 (ES6)

Présentation

• Positionnement d’Angular
• Angular vs AngularJS
• Rôles de TypeScript et ES6
• Aperçu de l’architecture
• Présentation d’Angular CLI
• Découverte d’un exemple minimal
• La phase de démarrage

Outillage

• Débogage dans le navigateur
• Augury
• Visual Studio Code

TypeScript et ES6

• Transpilation
• Let et const
• Template strings
• Typage
• Classes et interfaces
• Les modules
• Arrow functions
• Décorateurs

Les composants

• La notion centrale d’Angular
• Structure d’une application Angular
• NgModule
• Structure d’un composant
• Template
• Styles
• Création d’un composant avec Angular CLI
• Cycle de vie des composants
• Imbrication des composants
• Content projection

Les templates

• Template et DOM
• Interpolation et expressions
• Binding et interactions
• @Input et @Output
• Binding bidirectionnel
• La notion de directives
• Directive de structure et directive d’attribut
• NgClass, NgStyle et NgModel
• NgFor, NgIf et NgSwitch
• Les pipes

Injection de dépendances

• Principes
• Les services et @Injectable
• Injectors et providers
• Les types de providers
• Token et @Inject

RxJS et Observables

• Principes de la programmation réactive
• La librairie RxJS
• La notion de flux
• Les ‘Observables’
• Quelles utilisations dans Angular?

Routage

• Importance du routage
• Configuration du RouterModule
• RouterOutlets
• Définition des Routes
• Naviguer vers une route
• Routes secondaires
• Routes paramétrées

Appels HTTP

• La notion de services HTTP
• Les APIs proposées: Http et HttpClient
• Envoi de requêtes

Formulaires

• Structure d’un formulaire
• Formulaires par template
• Validations
• Gestion des styles
• Formulaires réactifs
• FormControl et FormGroup
• Groupe de champs avec FormBuilder
• Gestion des modifications

Annexes

• Liens guides de codage
• Projets complémentaires

Une attestation de participation sera transmise aux participants