Skip links

Formation sur mesure +33 7 56 89 57 52

Personnalisez votre formation
scroll
Syzan Academy

Angular

Cette formation a pour objectif de permettre aux participants de maîtriser le développement d'applications web modernes, maintenables et évolutives avec Angular

formation angular syzan academy

À l’issue de la formation, les participants seront capables de :

  • Comprendre l'architecture d'une application Angular (modules, composants, services, etc.).
  • Développer des interfaces utilisateurs dynamiques et réactives avec Angular.
  • Gérer les formulaires, l’authentification et les interactions avec des API REST.
  • Mettre en place la gestion avancée de l’état avec RxJS et les Observables.
  • Utiliser le Router Angular pour la navigation entre les pages.
  • Appliquer les bonnes pratiques de développement et de structure de projets Angular.
  • Déployer des applications Angular optimisées pour la production.

Cette formation s’adresse aux développeurs front-end et full-stack désireux de maîtriser Angular pour concevoir et maintenir des applications web complexes. Elle est particulièrement adaptée aux profils suivants :

  • Développeurs ayant une connaissance de base de JavaScript (ES6+), HTML, et CSS.
  • Développeurs front-end ayant déjà des bases en développement avec d'autres frameworks ou bibliothèques (React, Vue.js, etc.).
  • Chefs de projet technique ou architectes souhaitant approfondir leurs connaissances sur Angular.

Pré-requis : Il est recommandé d’avoir une bonne compréhension de JavaScript moderne, ainsi que des notions de base en développement web (HTML, CSS).

Pour garantir une acquisition complète des compétences, cette formation Angular sera accompagnée des moyens pédagogiques suivants :

  • Supports théoriques : Chaque module inclut des explications théoriques sur les concepts d'Angular, accompagnées de démonstrations pratiques.
  • Ateliers pratiques : À la suite de chaque session théorique, des ateliers permettront de mettre immédiatement en pratique les notions abordées, sous la forme de mini-projets.
  • Projets de groupe : Un projet fil rouge permettra aux participants de collaborer sur une application complète, mettant en œuvre les fonctionnalités avancées d'Angular (ex. : routage, gestion d’état, formulaires, API).
  • Exercices individuels : Des exercices réguliers pour consolider l’apprentissage de chaque module.
  • Outils de suivi : Accès aux supports de cours, aux codes source des exemples, et aux corrections des exercices via une plateforme dédiée.
  • Encadrement personnalisé : Chaque participant pourra bénéficier de l’assistance d’un formateur pour des questions et des corrections individualisées.

Programme de la formation

Cette formation structure les différents aspects d’Angular tout en assurant un apprentissage progressif, à la fois théorique et pratique, permettant aux participants de maîtriser le framework et de développer des applications complètes.

  • Qu'est-ce qu'Angular ? Vue d'ensemble de l’écosystème
  • Installation et configuration de l'environnement de développement (Node.js, Angular CLI)
  • Structure d’un projet Angular : composants, modules, services
  • Les premières bases : création d'une première application Angular
  • Comprendre la structure des composants (classe, template, style)
  • Liaison de données : liaison unidirectionnelle et bidirectionnelle
  • Gestion des événements utilisateur et propriété @Input/@Output
  • Cycle de vie des composants (ngOnInit, ngOnDestroy, etc.)
  •  
  • Structurer une application Angular avec des modules (AppModule, FeatureModule)
  • Mise en place et usage des services Angular
  • Introduction à l’Injection de Dépendances
  • Communication entre composants avec les services
  • Utilisation des directives structurantes (*ngIf, *ngFor, etc.)
  • Création de directives personnalisées
  • Utilisation des pipes pour la transformation des données
  • Création de pipes personnalisés
  • Introduction à Angular Router pour la navigation entre pages
  • Configuration des routes et gestion des paramètres
  • Mise en place des routes dynamiques et des routes protégées (authentification)
  • Lazy loading pour optimiser la performance des applications
  • Introduction aux services Angular pour la gestion de la logique métier
  • Consommation d’API REST avec HttpClient
  • Gestion des appels asynchrones avec RxJS (Observables, Operators)
  • Utilisation d'Intercepteurs pour le traitement des requêtes HTTP
  • Différents types de formulaires : Template-driven forms et Reactive forms
  • Validation des formulaires et gestion des erreurs
  • Création et validation de formulaires complexes
  • Gestion des événements de soumission et des états du formulaire
  • Introduction aux tests unitaires avec Jasmine et Karma
  • Création de tests unitaires pour les composants, services et pipes
  • Tests end-to-end (E2E) avec Protractor
  • Optimisation des performances Angular (lazy loading, change detection, etc.)
  • Préparation d’une application Angular pour la production (ng build --prod)
  • Minification, optimisation du bundling et compression
  • Déploiement sur des serveurs comme Netlify, Firebase, ou Heroku
  • Gestion des erreurs et monitoring des performances en production
Previous ReactJs Next Intégrateur Web
This website uses cookies to improve your web experience.