Pourquoi devriez-vous y participer ?

La formation Angular vous permettra d’acquérir l’expertise nécessaire pour concevoir, développer et maintenir des applications web dynamiques, performantes et modernes.

Grâce à cette formation, vous développerez des compétences pratiques et recherchées sur le marché de l’emploi, tout en adoptant les meilleures pratiques du développement front-end. Vous serez ainsi capable de répondre efficacement aux besoins des entreprises et de contribuer activement à la réussite de projets web ambitieux.

À qui s'adresse la formation ?

Les développeurs débutants ou intermédiaires souhaitant apprendre un framework moderne et puissant.

Les développeurs back-end désirant élargir leurs compétences côté client.

Les étudiants ou jeunes diplômés en informatique souhaitant se spécialiser dans le développement web.

Les professionnels en reconversion qui souhaitent se lancer dans une carrière dans le développement web.

Objectifs de la formation

  • Maîtriser les fondamentaux du framework Angular (composants, modules, directives, services, etc.).
  • Comprendre le fonctionnement de TypeScript, le langage utilisé avec Angular.
  • Savoir créer des applications web modernes, dynamiques et responsives.
  • Mettre en place le routage, la navigation entre pages et la gestion des formulaires.
  • Consommer des API REST pour afficher et gérer des données à distance.
  • Appliquer les bonnes pratiques de développement et d’architecture Angular.
  • Être capable de déployer une application Angular en production.

Approche pédagogique

La formation Angular adopte une approche pédagogique orientée vers la pratique. Chaque notion est expliquée de manière progressive à travers des démonstrations, suivies d’exercices pratiques pour une meilleure assimilation. Les participants travaillent sur des projets concrets pour mettre en application les connaissances acquises et développer leur autonomie. Des sessions interactives, des cas d’usage réels, ainsi qu’un accompagnement personnalisé permettent à chacun de progresser à son rythme et de maîtriser les concepts essentiels du développement avec Angular.

Planning des séances

SéanceProgrammeDétails
Séance N°1

Installation et Configuration

  • Installation nodeJS & npm
  • Installation Angular CLI
  • Création application angular
  • Création composants
Séance N°2

Les Composants et leur Communication

  • Génération des composants
  • Communication entre composants
  • Directives Angular – Directives structurelles (ex. : *ngFor, *ngIf)
Séance N°3

Gestion des Formulaires

  • Formulaires Template-driven : Création de formulaires simples avec validation.
  • Formulaires Reactive : Création de formulaires réactifs, utilisation de FormControl, FormGroup.
  • Validation de formulaires : Validation synchrone et asynchrone dans les formulaires.
  • Gestion de l’état dans Angular : Utilisation du service Store pour gérer les états partagés entre les composants.
Séance N°4

Routage et Navigation

  • Introduction au Routage : Configuration des routes avec RouterModule.
  • Navigation entre les vues : Utilisation des directives routerLink, router-outlet.
  • Paramètres dans les routes : Gestion des paramètres d’URL et passage de données entre composants via la navigation.
Séance N°5
Séance N°6

Consommation d’API avec HttpClient

  • Service HTTP : Utilisation de HttpClient pour envoyer des requêtes HTTP.
  • Gestion des réponses : Manipulation des données renvoyées par les API (Observables, subscribe()).
  • Gestion des erreurs : Gestion des erreurs HTTP et affichage d’alertes utilisateurs.
  • Intégrer Angular avec des API externes.
Séance N°7
Séance N°8

Projet Pratique

Développement d’une application complète E-commerce.