Formation Angular : Initiation (v21+)

icon public

Public : Développeurs Javascript

icon horloge

Durée : 5 jour(s)

Syllabus de la formation Angular : Initiation (v21+)

Pré-requis : Bonnes connaissances en JavaScript, DOM, CSS et notions d'AJAX

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

Sanction : Attestation de fin de formation mentionnant le résultat des acquis

Référence : SIT102999-F

Accessibilité : Si vous êtes en situation de handicap, nous sommes en mesure de vous accueillir, n'hésitez pas à nous contacter à referenthandicap@dawan.fr, nous étudierons ensemble vos besoins

Contact : commercial@dawan.fr

Télécharger le programme
INTER INTRA TUTORAT

À partir de

1 175,00 CHF HT / jour

Tarif pour une personne à distance sans frais
+ 75,00 CHF HT par participant supplémentaire
+ frais en cas de formation présentielle

1 000,00 CHF HT

Pour 20 tickets de 30mn (10 heures) utilisables pendant 12 mois

Tarif présentiel

2 875,00 CHF HT

  • PC et logiciels fournis
  • Paiement à 30 jours

Tarif distanciel

2 300,00 CHF HT

  • PC et logiciels à distance fournis sur demande
  • Paiement à 30 jours
Contacter Dawan
Angular

Programme Angular : Initiation (v21+)

Programme Angular v21+

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
Décorateurs et métadonnées Angular
Organisation du code : composants, services, modèles, utilitaires

Maitriser les fondamentaux d'Angular

Architecture orientée composants standalone (sans NgModule applicatif)
Syntaxe de template : interpolation, property binding, event binding
Data binding unidirectionnel et bidirectionnel (ngModel)
Nouveau contrôle de flux : @if, @for, @switch
Communication parent/enfant : input(), output(), events personnalisés
Signaux (signal, computed, effect) et stratégie de réactivité

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
Paramètres d'URL, query params, data de route
Guards (canActivate, canMatch) et resolvers
Lazy loading de composants et routes imbriquées

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
Internationalisation locale (LOCALE_ID, formatage date/nombre/devise)
Directives d'attribut et bonnes pratiques d'accessibilité (ARIA, attr.*)
Directives personnalisées avec API moderne (input(), host bindings)

Atelier :Créer des pipes personnalisés

Concevoir des formulaires

Template-driven forms et reactive forms
Validation synchrone/asynchrone et messages d'erreur UX
États du formulaire et des contrôles (touched, dirty, valid, pending)
Formulaires typés (typed forms)
Création de validateurs personnalisés

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
Composants de saisie et d'affichage des données
Composants de navigation et de mise en page
Composants de feedback utilisateur
Intégration avec les Reactive Forms et validation visuelle

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()
Services singleton et providers locaux
Providers de type classe, valeur, factory

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)
Typage des DTO et mapping des réponses
Gestion des erreurs, retry, timeout et interception
Interopérabilité signaux/observables (toSignal, toObservable)

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
Variables d'environnement et configuration runtime
Publication et stratégies de déploiement (SPA, SSR)

Atelier : Compiler et publier une application Angular

CopyrightDepot Dawan

Dans ce cours nous apprenons les bases de la création d'application web à  l'aide du framework JavaScript Angular. Application de filtre, routage, formulaire, requête asynchrone.

Délai d'accès :

Le délai d’accès à la formation certifiante est de 7 jours après validation du dossier. Pour un financement CPF, la validation doit être faite 11 jours ouvrés avant le début. Hors CPF, délai de 1 à 3 semaines selon les sessions.

Méthodes mobilisées :

  • Un formateur expert ayant suivi une formation à la pédagogie et ayant au minimum 3 années d'expériences dans le domaine visé
  • Matériel pour les formations présentielles informatiques : un PC par participant
  • Un support et les exercices du cours pour chaque stagiaire
  • Synchrone en présentiel ou distanciel. Plateforme utilisée : Microsoft Teams. Pour le distanciel : diagnostic technique avec les stagiaires pour tester la connexion et les modalités pratiques.
  • Méthodologie basée sur l'Active Learning (75% de pratique minimum) et un programme pédagogique riche et interactif :
  • Expositive : Apport de contenu théorique structuré pour consolider vos connaissances.
  • Interrogative : Moments de réflexion pour questionner et approfondir vos pratiques.
  • Démonstrative : Exercices pratiques pour illustrer les concepts clés.
  • Active : Ateliers d'entraînement pour une mise en application immédiate.
  • Expérimentale : Études de cas concrets pour ancrer les apprentissages dans la réalité.
  • Collaborative : Espaces de partage et d'échange d'expériences pour enrichir la formation.
  • Un format conçu pour favoriser l'engagement, la pratique et l'impact durable dans vos activités professionnelles.

Méthodes d'évaluation :

Les évaluations en cours de formations sont réalisées par les ateliers de mise en pratique et les échanges avec les formateurs.

Un espace apprenant dédié moncompte.dawan.fr :

  • Informations relatives à la ou aux futures formations (plan, syllabus et éventuellement informations relatives à la certification)
  • Positionnement à l'entrée et à la sortie de la formation
  • Définition des besoins et attentes par l'apprenant en amont de la formation
  • Émargement en ligne
  • Évaluation à chaud
  • Évaluation à froid
  • Attestation de formation
  • Boissons offertes pendant les pauses en inter-entreprises
  • Salles lumineuses et locaux facilement accessibles
  • Certification CPF quand formation éligible

Suite de parcours et formations associées

Pour suivre une session à distance depuis l'un de nos centres, contactez-nous.

Aucune date n’est actuellement planifiée pour cette formation. Nous pouvons toutefois organiser cette formation à la demande dans un format adapté à votre besoin, y compris dans votre entreprise.

Contactez-nous pour prévoir une session avec notre formulaire de contact ou par téléphone au 22 519 09 66