Aller au contenu
Demander un devis
Langage & Développement informatique

Angular – Développer des applications web dynamiques avec TypeScript

Cette formation de 35 heures permet de maîtriser le développement d’applications web modernes avec Angular. De la prise en main des composants jusqu’aux appels API et au déploiement, les participants…

35h
Intermédiaire
Blended

Description de la formation

Jour 1 – Démarrage Angular & composants

  • Structure d’un projet Angular avec Angular CLI
  • Composants, templates, liaison de données (binding)
  • Directives structurelles et attributives
  • TP : création de composants dynamiques

Jour 2 – Services et navigation

  • Services, injection de dépendances (DI)
  • Routing et navigation (routerLink, paramètres de route)
  • TP : application multi-pages avec services de données

Jour 3 – Formulaires, validation et pipes

  • Formulaires template-driven et réactifs
  • Validation native et personnalisée
  • Pipes Angular (date, uppercase, filtres personnalisés)
  • TP : formulaire complet avec validation dynamique

Jour 4 – API REST et HTTPClient

  • Introduction à RxJS et Observables
  • HTTPClient : GET, POST, PUT, DELETE
  • Traitement des réponses, gestion des erreurs
  • TP : affichage de données depuis une API publique

Jour 5 – Projet final et bonnes pratiques

  • Réalisation d’une application Angular complète
  • Structuration modulaire, composants partagés
  • Build de production et déploiement
  • Présentation et débriefing

Objectifs pédagogiques

  • Créer des composants Angular dynamiques et modulaires
  • Implémenter le routage, les services et la communication entre composants
  • Utiliser les formulaires réactifs avec validation
  • Consommer une API REST via HTTPClient
  • Déployer une application Angular

Programme détaillé

Module 1 Jour 1 – Démarrage Angular & composants
  • Structure d’un projet Angular avec Angular CLI
  • Composants, templates, liaison de données (binding)
  • Directives structurelles et attributives
  • TP : création de composants dynamiques
Module 2 Jour 2 – Services et navigation
  • Services, injection de dépendances (DI)
  • Routing et navigation (routerLink, paramètres de route)
  • TP : application multi-pages avec services de données
Module 3 Jour 3 – Formulaires, validation et pipes
  • Formulaires template-driven et réactifs
  • Validation native et personnalisée
  • Pipes Angular (date, uppercase, filtres personnalisés)
  • TP : formulaire complet avec validation dynamique
Module 4 Jour 4 – API REST et HTTPClient
  • Introduction à RxJS et Observables
  • HTTPClient : GET, POST, PUT, DELETE
  • Traitement des réponses, gestion des erreurs
  • TP : affichage de données depuis une API publique
Module 5 Jour 5 – Projet final et bonnes pratiques
  • Réalisation d’une application Angular complète
  • Structuration modulaire, composants partagés
  • Build de production et déploiement
  • Présentation et débriefing

Prérequis

  • Bonne connaissance de JavaScript (ES6+)
  • Notions de TypeScript, HTML et CSS recommandées

Public visé

  • Développeurs front-end
  • Développeurs full stack
  • Toute personne souhaitant développer des applications web dynamiques avec Angular

Modalités de la formation

  • ⏱ Durée : 35h
  • 📍 Format : Mixte (présentiel + distanciel)
  • 📊 Niveau d'entrée : Intermédiaire
  • 👥 Effectif : 4 à 12 stagiaires (groupe restreint)
  • 🎯 Pédagogie : Apports théoriques, exercices pratiques, études de cas, projet fil rouge
  • ♿ Accessibilité : Formations accessibles aux personnes en situation de handicap. Contactez notre référent handicap.
Allez plus loin

Formations similaires

Dans le même domaine et au niveau Intermédiaire.

Langage & Développement informatique Intermediaire

C# – Développer en .NET avec Visual Studio

Cette formation de 35 heures permet d’acquérir les bases du développement logiciel avec le langage C# dans l’environnement…

⏱ 35h 📡 blended

4500€

HT · Finançable

Voir →
👀 Cross-sell

Les apprenants ont aussi consulté

D'autres formations populaires qui pourraient compléter votre parcours.