Formation Angular 2 à 16 – Développement d’applications Web
- Référence : OPS006B
- Durée : 21 heures
- Certification : Non
- Eligible CPF : Non
CONNAISSANCES PREALABLES
- Avoir une bonne connaissance des langages du Web comme HTML, CSS et JavaScript
PROFIL DES STAGIAIRES
- Cette formation Angluar s'adresse aux Développeurs et chefs de projets
OBJECTIFS
- Utiliser la version 16 du framework Angular
- Développer et tester complètement une application
- Appliquer les bonnes pratiques de développement
METHODES PEDAGOGIQUES
- 6 à 12 personnes maximum par cours, 1 poste de travail par stagiaire
- Remise d’une documentation pédagogique papier ou numérique pendant le stage
- La formation est constituée d’apports théoriques, d’exercices pratiques et de réflexions
METHODES D'EVALUATION DES ACQUIS
- Auto-évaluation des acquis par le stagiaire via un questionnaire
- Attestation de fin de stage adressée avec la facture
FORMATEUR
Consultant-Formateur expert Développement Internet
CONTENU DU COURS Développement Internet
1 - Jour 1 - Matin
2 - Architecture, installation et premier test
- Architecture typique d’une application Angular
- Installation minimale d’Angular
- Test d’un code simple
3 - TypeScript
- TypeScript : le JavaScript typé
- Les types, classes et modules
- L’asynchrone et les promesses
4 - Rôle majeur des composants
- Définition d’un composant Angular
- Décorateurs
- Les vues
- Le modèle
5 - Exemples de travaux pratiques (à titre indicatif)
- Création d’une application et analyse du code généré
- Avec Angular CLI, création d’une application et analyse du code généré, modification des composants
- Ajout de formulaires d’affichage et de saisie en utilisant FormsModule et FormBuilder
- Appel asynchrone à des API externes, intégration à un service Angular
6 - Jour 1 - Après-midi
7 - Une première application Angular
- Démarrer "from scratch" avec Angular CLI
- Création d’un premier projet
9 - Les templates
- Utiliser l’interpolation
- Property et event bindings
- Utiliser des variables locales
- Utilisation des pipes
10 - Les services
- Création de services
- Injection de services
11 - Exemple de travaux pratiques (à titre indicatif)
- Travaux d’interpolation sur diverses zones d’affichage en relation avec les données métier alimentées via des services
- Ajout des tables de routage dans l’application Angular
- Utilisation d’un outil de test
12 - Jour 2 - Matin
13 - Les formulaires
- Création de formulaires avec : Le FormsModule
- Validation et gestion des erreurs
15 - Jour 2 - Après-midi
16 - Rôle de RxJS (Reactive extensions for JavaScript)
- Présentation des flux de données asynchrones
- Propagation des changements avec RxJS
17 - Travail avec HTTP
- Le service HTTP
- Communication avec une API en asynchrone
19 - Jour 3 - Matin
20 - Le routage
- Les différentes versions du module de routage
- Fonctionnement du routage
- Configurer des routes et utiliser les directives
22 - Jour 3 - Après-midi
23 - 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
24 - Les tests
- Présentation de Jasmine et Karma