M2I FORMATION : 05. Angular - Développement d'applications web
Organisme
75012 PARIS
Contact
Durée
21 heuresModalités
- Classe virtuelle
- Présentiel
L’évaluation des acquis se fait en cours de formation, par des études de cas ou des travaux pratiques et, en fin de formation, par un questionnaire
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
§ Présentation du framework
La nouvelle version d'Angular
Les nouveautés de TypeScript 4.0
Le nouveau moteur d'Angular : Ivy
Compilation AOT vs JIT
§ Architecture d'une application Angular
Organiser son code avec les modules
Les components et les templates
Connecter components et templates avec le Data Binding
Le rôle des directives
Les services
Notion d'injection de dépendance
Présentation de Angular CLI
§ Travaux pratiques
Création d’une application et analyse du code généré
JOUR 1 après-midi
§ Une première application Angular
La structure d'un projet Angular
Les modules et composants
Démarrer "from scratch" avec Angular CLI
Utilisation d'Angular CLI
Création de projet
Création de modules, components et services
§ Travaux pratiques
Avec Angular CLI, création d’une application et analyse du code généré, modification des composants et tests
§ Les templates
Utiliser l'interpolation
Property et event bindings
Utiliser des variables locales
Utilisation des pipes
§ Travaux pratiques
Travaux d’interpolation sur diverses zones d’affichage en relation avec les données métier
JOUR 2 matin
§ Les formulaires
Création de formulaires avec :
- Le FormsModule
- Le FormBuilder
Validation et gestion des erreurs
§ Travaux pratiques
Ajout de formulaires d’affichage et de saisie en utilisant FormsModule et FormBuilder
JOUR 2 après-midi
§ Travail avec HTTP
Le service HTTP
Utilisation de RxJS
Récupérer des données
Rappel sur les Promises
Utiliser les Observables
§ Travaux pratiques
Développement de services http et intégration à l’application en utilisant les promises et l’injection de dépendance
JOUR 3 matin
§ Le routage
Les différentes versions du module de routage
Fonctionnement du routage
Configurer des routes et utiliser les directives
§ Travaux pratiques
Ajout des tables de routage dans l’application Angular
§ Les PWA (Progressive Web Apps)
Présentation des Progressive Web Apps
Notion de Service Worker
Implémentation d'une PWA avec Angular
JOUR 3 après-midi
§ Les tests et les bonnes pratiques
Les tests unitaires et fonctionnels
Présentation de Jasmine et Karma
Présentation de Protractor
Présentation de Cypress
John Papa et le coding style guide
§ Travaux pratiques
Utilisation des outils de test sous Angular