
PREREQUIS :
Connaissance des langages Web : HTML, CSS et JavaScript
PUBLIC :
Développeur et chef de projet
OBJECTIFS PEDAGOGIQUES
- Découvrir le Framework Angular
- Développer et tester complètement une application
- Acquérir les bonnes pratiques de développement
PROGRAMME
1. Une nouvelle version d'angular
- Les frameworks AngularJS et Angular
- Pourquoi une version 6
- Une nouvelle façon de penser le développement Web
2. TypeScript
-
Présentation du langage
-
Les outils (transpiler / webpack)
-
Les éléments du langages (types,...)
-
Les Modules et Classes
-
Les Décorateurs
3. LES WEB COMPONENTS
- Une spécification du W3C
- Création de balises personnalisées
- Les notions de Templates,Shadow DOM, Custom Elements, HTML Imports
4. 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
5. Une première application Angular
-
La structure d’un projet Angular
-
Les modules et composants
-
Démarrer “from scratch” avec angular-cli
6. UTILISATION D'ANGULAR CLI
-
Création de projet
-
Création de modules, components et services
-
Angular 6 : les commandes ng add et ng update
7. LES TEMPLATES
-
Utiliser l’interpolation
-
Property et Event bindings
-
Utiliser des variables locales
-
Utilisation des pipes
8. LES FORMULAIRES
-
Création de formulaire avec le FormsModule
-
Création de formulaire avec le FormBuilder
-
Validation et gestion des erreurs
9. LA BIBLIOTHEQUE RxJS
-
La programmation réactive
-
Observable et Observer
-
Utilisation des Opérateurs
-
Communication entre components avec les Subjects
-
Les nouveautés de RxJS 6
10. TRAVAIL AVEC HTTP
-
Le service Http
-
Utilisation de RxJS
-
Récupérer des données : Promise et Observable
11. LE ROUTAGE
-
Les différentes versions du module de routage
-
Fonctionnement du routage
-
Configurer des routes et utiliser les directives
12. LES PROGRESSIVES WEB APP
-
Présentation des Progressives Web App (PWA)
-
Notion de Service Worker
-
Implémentation d’une PWA avec Angular 6
13. ANGULAR ELEMENTS
-
Web Components et customs elements
-
Développer un custom element avec Angular
-
Utiliser un component Angular dans une application JS standard
14. LES TESTS ET LES BONNES PRATIQUES
-
Les tests unitaires et fonctionnels
-
Présentation de Jasmine et Karma
-
Présentation de Protractor
-
John Papa et le coding style guide
MÉTHODE PÉDAGOGIQUE
- Les pédagogies de cette formation sont inductives, actives et participatives.
VALIDATION - EVALUATION
- Fiche individuelle d'appréciation de la formation.
- Attestation individuelle de participation.