Programme Angular 18 et versions antérieures Développement d'applications Web
Durée : 3 jours - 21 heures
Tarif : Nous contacter pour une formation INTER – INTRA ou en COURS PARTICULIER
Maîtrisez Angular 18 et ses versions antérieures pour développer des applications web performantes et modernes, grâce à une formation complète couvrant composants, services, formulaires, routage, RxJS, et tests.
La formation est délivrée en présentiel ou distanciel (e-learning, classe virtuelle, présentiel et à distance). Le formateur alterne entre méthodes démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation). La validation des acquis peut se faire via des études de cas, des quiz et/ou une certification.
Cette formation est animée par un consultant-formateur dont les compétences techniques, professionnelles et pédagogiques ont été validées par des diplômes et/ou testées et approuvées par l’éditeur et/ou par Audit Conseil Formation.
Les objectifs
pré-requis
Avoir une bonne connaissance des langages du Web comme HTML, CSS et JavaScript.
Moyens pédagogiques, techniques et d'encadrement
- 1 poste de travail complet par personne
- De nombreux exercices d'application
- Mise en place d'ateliers pratiques
- Remise d'un support de cours
- Remise d'une attestation de stage
Modalités d'évaluation des acquis
- Evaluation des besoins et objectifs en pré et post formation
- Evaluation technique des connaissances en pré et post formation
- Evaluation générale du stage
Accessibilité handicapés
- Au centre d’affaires ELITE partenaire d’ACF à 20 m.
- Guide d’accessibilité à l’accueil.
Le Programme
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
Une première application Angular
Démarrer "from scratch" avec Angular CLI
Création d'un premier projet
Les templates
Utiliser l'interpolation
Property et event bindings
Utiliser des variables locales
Utilisation des pipes
Nouvelle syntaxe @if, @for, @switch plus intuitive
Les services
Fournir des fonctionnalités transversales avec les services
Création de services
Injection de services (par constructeur, par la fonction inject())
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
Rôle de RxJS (Reactive extensions for JavaScript)
Présentation des flux de données asynchrones
Propagation des changements avec RxJS
Travail avec HTTP
Le service HTTP
Communication avec une API en asynchrone
Le routage
Les différentes versions du module de routage
Fonctionnement du routage
Configurer des routes et utiliser les directives
Les "standalone components"
Présentation du concept des composants autonomes
Notion de SCAM (Single Angular Component Module)
Les avantages de l'utilisation de composants autonomes
Présentation des meilleures pratiques pour créer et utiliser des composants autonomes
Les signaux
Introduction
Qu'est-ce qu'un signal ?
L'importance des signaux
Comparaison avec les Observables
Syntaxe de base
Les tests
Présentation de Jasmine et Karma
Tester des composants
Tester des services
Les tests fonctionnels "end-to-end" avec Cypress, Playwright