-
Filière :
Développement logiciel
-
Sous-filière :
Technos Web (PHP, JS...)
-
Référence
DW-ANG2
-
Durée
3 jours (21 h)
-
Prix par personne HT
1 790 € HT
Description
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 13, 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.
Objectifs pédagogiques
- Maitriser la version 2 d’AngularJs
- Découvrir les spécifications EcmaScript 6 (ES6)
Public cible
- Consultants
- Développeurs
- Developpeurs
- Développeurs Android
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
- Exposés
- Cas pratiques
- Echanges d’expérience
Programme de la formation
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
Qualité
Cette formation est accessible aux personnes en situation de handicap, nous contacter en cas de besoin d’informations complémentaires.
Programme mis à jour le