Aller au contenu principal

Angular : Initiation (v21+)

Date de mise à jour :
Identifiant Offre Info : 03_261362977F
Organisme responsable : Dawan (ouvre dans un nouvel onglet)

Nouvelle recherche

Présentation de la formation

Objectifs

Maîtriser les concepts du framework Angular - Utiliser Angular pour développer des applications web performantes

Programme de la formation

Introduction Présentation de l'environnement de développement Node.js et Angular CLI Nouveautés Angular v21-22 : composants standalone par défaut, signaux, contrôle de flux moderne Rappel des standards ECMAScript et bonnes pratiques TypeScript Créer et initialiser un projet Angular avec Angular CLI Atelier : Configurer un projet Angular Appréhender TypeScript  Types, unions, enums, interfaces, types utilitaires Typage strict (strict mode) et sécurité de compilation …/… Maitriser les…

Introduction
Présentation de l'environnement de développement Node.js et Angular CLI
Nouveautés Angular v21-22 : composants standalone par défaut, signaux, contrôle de flux moderne
Rappel des standards ECMAScript et bonnes pratiques TypeScript
Créer et initialiser un projet Angular avec Angular CLI
Atelier : Configurer un projet Angular
Appréhender TypeScript 
Types, unions, enums, interfaces, types utilitaires
Typage strict (strict mode) et sécurité de compilation
…/…
Maitriser les fondamentaux d'Angular
Architecture orientée composants standalone (sans NgModule applicatif)
Syntaxe de template : interpolation, property binding, event binding
…/…
Atelier : Réaliser une liste interactive de produits avec signaux
Mettre en place le Routing moderne
Configuration des routes avec provideRouter
Routes par défaut, redirections et pages de fallback
…/…
Atelier : Mettre en place le routing dans une application
Utiliser les templates, pipes et directives
Pipes natifs et pipes personnalisés
Safe navigation (?.), nullish coalescing (??) et expressions de template
…/…
Atelier :Créer des pipes personnalisés
Concevoir des formulaires
Template-driven forms et reactive forms
Validation synchrone/asynchrone et messages d'erreur UX
…/…
Atelier : Gérer des entrées utilisateurs à l'aide de validateurs personnalisés
Utiliser des composants UI avec PrimeNG ou Material
Présentation de PrimeNG ou Material et installation dans un projet Angular v21 standalone
Configuration du thème et personnalisation CSS
…/…
Atelier : Construire un dashboard et une navbar avec PrimeNG
Comprendre l'injection de dépendances
Principes de DI et hiérarchie d'injecteurs
Injection via constructor et fonction inject()
…/…
Atelier : Structurer l'application avec des services
Utiliser le client HTTP et RxJS
Configuration de HttpClient avec provideHttpClient
Requêtes REST (GET, POST, PUT, PATCH, DELETE)
…/…
Atelier : Mettre en place un client d'API REST
Préparer le déploiement
Build de production (AOT, optimisation, budgets)
Configuration base href et assets
…/…
Atelier : Compiler et publier une application Angular
 

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

70 h

Financement

Conventionnement
Oui
Financeur
  • Bénéficiaire de l'action

    Programme : Individuel (AIF, POEI, Région individuel, autofinancement)

Conditions d'accès

Public visé

  • Tout public

Niveau d'entrée

Sans niveau spécifique

Conditions spécifiques et prérequis

Bonnes connaissances en JavaScript, DOM, CSS et notions d'AJAX

Lieu de réalisation de l'action

Modalités d'enseignement

Formation mixte

Adresse

62 Rue de Bonnel
69003 Lyon 3e

Responsable : Dawan

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

Début

Fin

Adresse d'inscription
62 Rue de Bonnel
69003 Lyon 3e
État du recrutement
Ouvert
Modalités
Entrées / Sorties à dates permanentes