Aller au contenu principal

Développeur framework Angular

Date de mise à jour :
Identifiant Offre Info : 14_AF_0000243440
Organisme responsable : Vivaneo (ouvre dans un nouvel onglet)

Nouvelle recherche

Présentation de la formation

Objectifs

Comprendre l'architecture et les concepts fondamentaux d'Angular (composants, modules, services, injection de dépendances). Maîtriser le langage TypeScript. Savoir créer et gérer des composants Angular, y compris le cycle de vie des composants. Utiliser la liaison de données (data binding) pour interagir entre le modèle et la vue. Appliquer les directives et les pipes pour manipuler le DOM et formater les données. Mettre en œuvre le routage pour créer des applications…

  • Comprendre l'architecture et les concepts fondamentaux d'Angular (composants, modules, services, injection de dépendances).
  • Maîtriser le langage TypeScript.
  • Savoir créer et gérer des composants Angular, y compris le cycle de vie des composants.
  • Utiliser la liaison de données (data binding) pour interagir entre le modèle et la vue.
  • Appliquer les directives et les pipes pour manipuler le DOM et formater les données.
  • Mettre en œuvre le routage pour créer des applications monopages (Single Page Applications - SPA) complexes.
  • Gérer les formulaires, y compris les formulaires réactifs et basés sur des templates.
  • Interagir avec des APIs backend en utilisant le module HttpClient pour effectuer des requêtes HTTP (GET, POST, PUT, DELETE).
  • Gérer l'état de l'application, potentiellement en utilisant des outils comme NgRx (Redux pour Angular).
  • Écrire des tests unitaires et d'intégration pour les composants et les services.
  • Déployer une application Angular.
  • Comprendre et appliquer les bonnes pratiques de développement Angular.
  • Savoir débuguer une application Angular.

Programme de la formation

Module 1 : Introduction et Fondamentaux TypeScript et ES6/ESNext : Les bases du langage. Présentation du framework Angular et de son architecture. Mise en place de l'environnement de développement (Node.js, Angular CLI). Création d'un premier projet et structure des dossiers. Module 2 : Blocs de Construction d'Angular Les Composants : Définition, template, style et métadonnées. Les Modules (NgModule) : Organisation de l'application. Le cycle de vie des…

Module 1 : Introduction et Fondamentaux
  • TypeScript et ES6/ESNext : Les bases du langage.
  • Présentation du framework Angular et de son architecture.
  • Mise en place de l'environnement de développement (Node.js, Angular CLI).
  • Création d'un premier projet et structure des dossiers.

Module 2 : Blocs de Construction d'Angular
  • Les Composants : Définition, template, style et métadonnées.
  • Les Modules (NgModule) : Organisation de l'application.
  • Le cycle de vie des composants (Hooks de cycle de vie).
  • Data Binding (Liaison de données) : Interpolation, Property Binding, Event Binding.

Module 3 : Communication et Services
  • Les Directives : Structurelles (*ngIf, *ngFor) et d'Attribut (ngClass, ngStyle).
  • L'Injection de dépendances (DI) : Concept et implémentation des services.
  • Les Services : Logique métier partagée et gestion des données.
  • Communication entre composants (@Input et @Output).

Module 4 : Routage et Navigation
  • Introduction au Routage (Router Module) : Création d'une application SPA.
  • Configuration des routes et navigation.
  • Passage de paramètres de route.
  • Guards de route (CanActivate, CanDeactivate).
  • Chargement paresseux (Lazy Loading) des modules.

Module 5 : Interaction avec le Backend (HTTP)
  • Utilisation du module HttpClient.
  • Exécution de requêtes CRUD (GET, POST, PUT, DELETE).
  • Programmation réactive avec RxJS : Observables, Subscribers et Opérateurs.
  • Gestion des erreurs HTTP et des intercepteurs.

Module 6 : Gestion des Formulaires
  • Les Formulaires basés sur les Templates (Template-Driven Forms).
  • Les Formulaires Réactifs (Reactive Forms) : FormControl, FormGroup, FormArray.
  • Validation des formulaires : Validateurs intégrés et personnalisés.
  • Affichage des messages d'erreur.

Module 7 : Tests et Déploiement
  • Les Pipes : Transformation des données.
  • Introduction aux Tests unitaires (avec Jasmine et Karma).
  • Tests des composants et des services.
  • Optimisation et Build de production.
  • Déploiement de l'application.
 

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

50 h

Financement

Conventionnement
Non

Conditions d'accès

Public visé

  • Tout public

Niveau d'entrée

Sans niveau spécifique

Conditions spécifiques et prérequis

Bases en programmation orientée objet. Connaissance de HTML, CSS et JavaScript.

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
Vivaneo
75011 Paris 11e
État du recrutement
Ouvert
Modalités
Entrées / Sorties à dates permanentes