2 sessions disponibles pour cette formation
Voir les sessionsNiveau d'entrée
Sans niveau spécifique
Niveau de sortie
Sans niveau spécifique
Organisme / Établissement
142 route d'Albi - 31200 TOULOUSE
formation@napsia.com
Contact
Objectifs de la formation
Objectifs de la formation
À l'issue de la formation, vous serez capable de :
br
- br
- Maîtriser les fondamentaux : Comprendre l'architecture globale, les concepts clés d'Angular et assimiler ses dernières évolutions majeures (Signals, Standalone Components).
- Concevoir des applications : Développer une application web dynamique et performante en exploitant la puissance du typage de TypeScript.
- Industrialiser le code : Créer des composants réutilisables, modulaires et faciles à maintenir en respectant l'architecture logicielle du framework.
- Exploiter les API natives : Manipuler avec aisance les API d'Angular pour gérer les formulaires complexes (Reactive Forms), l'injection de dépendances et le routage applicatif.
- Gérer l'asynchronisme : Maîtriser les flux de données asynchrones et la programmation réactive grâce à la bibliothèque RxJS.
- Sécuriser et fiabiliser : Mettre en œuvre les bonnes pratiques de sécurité (XSS, guards) et valider la robustesse de votre code par des tests unitaires.
br
br
br
br
br
br
Contenu
Contenu
Jour 1 : Écosystème, TypeScript & Prise en main CLI
- SPA : Révolution des Single Page Applications. Comparaison (Angular, React, Vue) et de JavaScript à TypeScript.
- Outillage : Commandes de scaffolding via Angular CLI, structure du workspace et extensions IDE indispensables.
- Pratique : Création d'une SPA en JS natif (mécanique du DOM) puis initialisation d'un projet Angular complet.
Jour 2 : Composants Standalone, Syntaxe & Routage
- Architecture : Maîtrise des Standalone Components (sans NgModule) et initiation à la réactivité avec les Signals.
- Templates : Flux natif (
@if,@for) face aux anciennes directives (*ngIf,*ngFor). - Flux : Liaisons de données (Data Binding), communication inter-composants (
@Input/@Output) et usage des Pipes. - Routage : Configuration des routes, gestion des paramètres et chargement différé (*Lazy Loading*).
- Pratique : Intégration d'Angular Material et découpage d'une application selon un diagramme UML.
Jour 3 : Formulaires, API REST, Tests & Industrialisation
- Formulaires : Différences et usages des Template-driven vs Reactive Forms (validation synchrone/asynchrone).
- Services & RxJS : Injection de dépendances et gestion des flux asynchrones (Observables et opérateurs de transformation).
- HTTP Client : Consommation d'API REST distantes et création d'intercepteurs.
- Tests & Qualité : Écriture de tests unitaires (Composants, Services) avec Jasmine/Karma via le
TestBed. - Documentation : Maintenance, mise à jour (
ng update) et génération de documentation technique avec Compodoc.
Domaines
Domaine(s)
Développement application mobile