Formation Angular — Les fondamentaux, opérationnel immédiatement.

Formation créée le 31/03/2026. Dernière mise à jour le 04/06/2026.
Version du programme : 1

Type de formation

Mixte

Durée de formation

14 heures (2 jours)
Cette formation est gratuite.
S'inscrire
Cette formation est gratuite.
S'inscrire
Cette formation est gratuite.
S'inscrire

Formation Angular — Les fondamentaux, opérationnel immédiatement.


Objectifs de la formation

  • Maîtriser les concepts fondamentaux d'Angular et ses dernières évolutions
  • Développer une application web Angular moderne avec TypeScript
  • Créer des composants réutilisables, modulaires et maintenables
  • Développer des applications testables en appliquant les bonnes pratiques du Clean Code
  • Mettre en oeuvre les bonnes pratiques d'écodéveloppement dans ses projets Angular
  • Intégrer l'accessibilité numérique dès la phase de développement
  • Automatiser les tests unitaires et les contrôles d'accessibilité avec l'IA

Profil des bénéficiaires

Pour qui
  • Développeurs web souhaitant acquérir les fondamentaux d'Angular et les bonnes pratiques du développement front-end moderne.
Prérequis
  • Bonne connaissance des technologies du web, des outils de développement front-end et de JavaScript.

Contenu de la formation

Jour 1
  • Configuration des règles LLM Driven Development
  • Setup : Node, Angular CLI 20, ng new --standalone --routing, structure du projet, Angular DevTools
  • Environments : environment.development.ts / environment.production.ts
  • Architecture feature-based : shared/, features/
  • Composants dumb vs smart, SRP
  • Composants standalone : @Component, ViewEncapsulation, encapsulation CSS/JS
  • Nouvelle syntaxe de template : @if / @else, @for avec track, @switch
  • Communication composants : input() / output() signal-based, effect()
  • @Input() et @Output(), comparatif avec les signals.
  • Cycle de vie des composants : ngOnInit, ngOnChanges, ngOnDestroy
  • Services : @Injectable, inject()
  • Signals : signal(), computed()
  • Routing : provideRouter(), loadComponent(), routerLink, RouterOutlet
  • Lazy loading
Jour 2
  • Compodoc — génération de documentation
  • Guards fonctionnels : canActivate
  • HttpClient : provideHttpClient()
  • Observables froids
  • Requêtes typées — services CRUD
  • Filtres RxJS simples
  • Gestion des erreurs serveur et API
  • ReactiveFormsModule
  • Signal forms : validators natifs, validator custom
  • Pipes : async, pipes natifs
  • Pipe custom
  • Directives d'attribut
  • Directives de structure
  • Directive custom
  • Tests unitaires avec Vitest assistés par IA

Suivi de l'exécution et évaluation des résultats

  • La progression est évaluée tout au long de la formation par le formateur, au travers de QCM, mises en situation et travaux pratiques. Un test de positionnement est soumis au participant en amont et en aval de la session afin de mesurer les compétences acquises.

Capacité d'accueil

Entre 3 et 10 apprenants

Délai d'accès

2 semaines