M2I FORMATION : 05. Angular - Développement d'applications web
Organisme
75012 PARIS
Contact
Durée
21 heuresModalités
- Classe virtuelle
- Présentiel
– En cours de formation, par des études de cas ou des travaux pratiques – Et, en fin de formation, par un questionnaire d'auto-évaluation et/ou un examen M2i
Prix
Public
Architectes, développeurs, chefs de projets…
Pré-requis
Avoir des connaissances pratiques sur les technologies du Web, les outils actuels de développement Front-End et JavaScript.
Objectifs pédagogiques
- Maîtriser les fondamentaux du Framework Angular et ses nouveautés
- Organiser, modulariser et tester ses développements JavaScript
- Savoir développer plus rapidement et tester des applications web Angular 2 avec JavaScript et TypeScript
- Connaître les bonnes pratiques de développement et de mise en production
- Découvrir les spécifications EcmaScript 6 (ES6)
- Savoir intégrer les tests unitaires au développement
Programme détaillé
Jour 1 - Matin
Architecture, installation et premier test
– Architecture typique d'une application Angular
– Installation minimale d'Angular
– Test d'un code simple
TypeScript
– TypeScript : le JavaScript typé
– Les types, classes et modules
– L'asynchrone et les promesses
Rôle majeur des composants
– Définition d'un composant Angular
– Décorateurs
– Les vues
– Le modèle
Exemples de travaux pratiques (à titre indicatif)
– Création d'une application et analyse du code généré
Jour 1 - Après-midi
Une première application Angular
– Démarrer "from scratch" avec Angular CLI
– Création d'un premier projet
Exemples de travaux pratiques (à titre indicatif)
– Avec Angular CLI, création d'une application et analyse du code généré, modification des composants
Les templates
– Utiliser l'interpolation
– Property et event bindings
– Utiliser des variables locales
– Utilisation des pipes
– Nouvelle syntax @if, @for, @switch plus intuitive
Les services
– Fournir des fonctionnalités transversales avec les services
– Création de services
– Injection de services
Exemple de travaux pratiques (à titre indicatif)
– Travaux d'interpolation sur diverses zones d'aЛichage en relation avec les données métier alimentées via des services
Jour 2 - Matin
Les formulaires
– Création de formulaires avec :
– Le FormsModule
– Le FormBuilder
– Validation et gestion des erreurs
– Nouvelle API pour créer des formulaires fortement typés
– Les types FormGroup et FormRecord
Jour 2 - Après-midi
Rôle de RxJS (Reactive extensions for JavaScript)
– Présentation des flux de données asynchrones
– Propagation des changements avec RxJS
– Introduction à NgRx
Travail avec HTTP
– Le service HTTP
– Communication avec une API en asynchrone
Jour 3 - Matin
Le routage
– Les différentes versions du module de routage
– Fonctionnement du routage
– Configurer des routes et utiliser les directives
Jour 3 - Après-midi
Les "standalone components"
– Présentation du concept des composants autonomes
– Les avantages de l'utilisation de composants autonomes
– Présentation des meilleures pratiques pour créer et utiliser des composants autonomes
Les tests
– Présentation de Jasmine et Karma