Aller au contenu principal

Angular : Concevoir et structurer des front?ends professionnels

Date de mise à jour :
Identifiant Offre Info : 15_26538978F
Organisme responsable : NAPSIA (ouvre dans un nouvel onglet)

Nouvelle recherche

Présentation de la formation

Objectifs

À l'issue de la formation, vous serez capable de :     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'issue de la formation, vous serez capable de :

       
  • 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.

Programme de la formation

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…

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.

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Niveau de sortie

Sans niveau spécifique

Durée, rythme, financement

Durée

En centre

21 h

Financement

Conventionnement
Oui
Financeur
  • Autre

    Programme : Autre financement (AIF, entreprise , individuel…)

Conditions d'accès

Publics visés

  • Demandeur d'emploi
  • Public en emploi
  • Salarié dans le cadre du CIF
  • Salarié dans le cadre du DIF
  • Salarié dans le cadre du plan de formation
  • Salarié en contrat aidé
  • Salarié en période de professionnalisation
  • Salarié en reconversion
  • Tout public

Niveau d'entrée

Sans niveau spécifique

Conditions spécifiques et prérequis

Avoir des connaissances pratiques sur les technologies du Web, les outils actuels de développement Front-End et JavaScript Un questionnaire de positionnement sera réalisé au préalable pour adapter la formation à vos besoins

Lieu de réalisation de l'action

Modalités d'enseignement

Formation entièrement à distance

Adresse

Périodes prévisibles de déroulement des sessions

Début

Fin

Adresse d'inscription
142 route d'Albi
31200 Toulouse
État du recrutement
Ouvert
Modalités
Entrées / Sorties à dates permanentes