EduGroupe accompagne les entreprises dans leurs projets de formation liée aux technologies informatiques
Formation Angular 17 et antérieures – Développement d’applications Web
- Référence : OPS006C
- 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
- Développeurs et chefs de projets.
OBJECTIFS
- Utiliser la version 17 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
- Exemples de travaux pratiques : Création d’une application et analyse du code généré
- Le modèle
- Les vues
- Décorateurs
- Définition d’un composant Angular
5 - Jour 1 - Après-midi
6 - Une première application Angular
- Démarrer "from scratch" avec Angular CLI
- Création d’un premier projet
- Exemples de travaux pratiques : Avec Angular CLI, création d’une application et analyse du code généré, modification des composants
7 - Les templates
- Utiliser l’interpolation
- Property et event bindings
- Utiliser des variables locales
- Utilisation des pipes
- Nouvelle syntax @if, @for, @switch plus intuitive
8 - Les services
- Exemple de travaux pratiques : Travaux d’interpolation sur diverses zones d’affichage en relation avec les données métier alimentées via des services
- Injection de services
- Fournir des fonctionnalités transversales avec les services
- Création de services
9 - Jour 2 - Matin
10 - Les formulaires
- Création de formulaires avec : Le FormsModule, Le FormsBuilder
- Validation et gestion des erreurs
- Nouvelle API pour créer des formulaires fortement typés
- Les types FormGroup et FormRecord
- Exemples de travaux pratiques : Ajout de formulaires d’affichage et de saisie en utilisant FormsModule et FormBuilder
11 - Jour 2 - Après-midi
12 - Rôle de RxJS (Reactive extensions for JavaScript)
- Présentation des flux de données asynchrones
- Propagation des changements avec RxJS
- Introduction à NgRx
13 - Travail avec HTTP
- Le service HTTP
- Exemples de travaux pratiques : Appel asynchrone à des API externes, intégration à un service Angular
14 - Jour 3 - Matin
15 - Le routage
- Les différentes versions du module de routage
- Fonctionnement du routage
- Configurer des routes et utiliser les directives
- Exemple de travaux pratiques : Ajout des tables de routage dans l’application Angular
16 - Jour 3 - Après-midi
17 - 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
18 - Les tests
- Présentation de Jasmine et Karma
- Exemple de travaux pratiques : Utilisation d’un outil de test
