Prérequis
Connaissances préalables de Javascript ou de Typescript
Durée
3 jours
Contenu Technique de la Formation
Cette formation est destinée aux développeurs souhaitant apprendre Angular :
- Développeurs JavaScript/TypeScript souhaitant maîtriser Angular
- Développeurs front-end cherchant à adopter un framework moderne
- Équipes souhaitant industrialiser leur développement d'interfaces
Objectifs de la Formation
Les objectifs visés par cette formation sont :
- Comprendre l’architecture et le fonctionnement global d’Angular.
- Créer des applications web interactives basées sur des composants réutilisables.
- Maîtriser les concepts clés : modules, services, directives, pipes, data binding et cycle de vie des composants.
- Gérer efficacement les données et les appels à des API REST.
- Mettre en place le routage et la navigation multi-pages.
- Optimiser, internationaliser et déployer une application Angular moderne.
- Découvrir les bonnes pratiques de structure et d’industrialisation des projets front-end.
Table des Matières
Découverte et Fondamentaux d’Angular
- Introduction au framework Angular et à son écosystème (Node.js, npm, CLI, RxJS).
- Installation et configuration de l’environnement de développement avec Angular CLI.
- Structure d’un projet Angular et conventions de codage.
- Composants, templates, data binding et directives structurelles (*ngIf, *ngFor).
- Cycle de vie des composants et communication parent-enfant.
Gestion des Données et Routage
- Création et utilisation de services pour centraliser la logique métier.
- Introduction à l’injection de dépendances (Dependency Injection).
- Appels HTTP vers un backend via HttpClient (GET, POST, PUT, DELETE).
- Gestion des erreurs et des états de chargement.
- Routage : configuration, navigation, routes paramétrées et modules paresseux (lazy loading).
- Gestion des formulaires : template-driven forms et reactive forms, validations et messages d’erreur.
Optimisation, Industrialisation et Déploiement
- Pipes, Observables et manipulation de flux de données avec RxJS.
- Optimisation des performances : lazy loading, change detection, build optimisé.
- Séparation des environnements (dev, test, prod) et configuration.
- Internationalisation (i18n) et localisation d’applications Angular.
- Introduction à Angular Material et aux bonnes pratiques d’ergonomie UI.
- Génération du build de production et déploiement (Azure Static Web Apps, Nginx, Firebase, etc.).
En Pratique
- Création d’une application Angular complète (ex. gestion de produits, de contacts ou de tâches).
- Implémentation de composants réutilisables et communication entre eux.
- Intégration d’un backend simulé (API REST mockée via JSON Server).
- Ajout du routage et d’un module lazy-loaded.
- Validation d’un formulaire complexe et gestion d’erreurs serveur.
- Internationalisation et optimisation de l’application avant déploiement.
Modalités et Inscription
Cette formation est proposée selon deux formules pour s'adapter au mieux à vos besoins :
Session régulière
Des sessions sont organisées à intervalles réguliers. Demandez les prochaines dates planifiées pour vous inscrire à la prochaine session.
Sur mesure & intra-entreprise
Vous souhaitez former vos équipes directement dans vos locaux ou adapter le programme technique à votre contexte d'entreprise ? Contactez-nous pour obtenir un devis personnalisé.