Formation : Développer des applications web performantes avec Angular
💻 Organisée par Donkey School – Certifiée Qualiopi
📌 Objectifs pédagogiques
À l'issue de cette formation, les participants seront capables de :
Maîtriser l'architecture Angular (composants, services, modules) et son écosystème.
Développer des interfaces dynamiques avec les directives, les templates et le data binding.
Connecter une application à une API REST (requêtes HTTP, intercepteurs, gestion des erreurs).
Optimiser les performances (lazy loading, PWA, SSR) et tester son code (Jasmine/Karma).
Public visé : Développeurs web, ingénieurs front-end, chefs de projet technique.
Prérequis : Bonne maîtrise de JavaScript (ES6+). Expérience en HTML/CSS recommandée.
📜 Programme détaillé
📍 Module 1 : Introduction à Angular et installation
• Présentation du framework Angular : historique et évolutions
• Avantages et inconvénients par rapport aux autres frameworks
• Architecture Angular : composants, modules, services
• Installation et configuration de l’environnement de développement (NodeJS, NPM,
Angular CLI)
🎯 Objectif : Comprendre les principes fondamentaux d’Angular et configurer son
environnement de travail.
📍 Module 3 : Communication avec un backend et gestion des services
• Utilisation du module HttpClient pour interagir avec une API
• Gestion des requêtes HTTP (GET, POST, PUT, DELETE)
• Gestion des intercepteurs et headers pour la sécurisation des échanges
• Utilisation des Services et de l’Injection de Dépendances
🎯 Objectif : Connecter une application Angular à une API et gérer les échanges de données de manière efficace.
📍 Module 5 : Optimisation, tests et déploiement
• Introduction aux Pipes et traduction avec ngx-translate
• Développement de Progressive Web Apps (PWA) avec Service Workers
• Utilisation du Server-Side Rendering (SSR) pour optimiser le SEO
• Tests unitaires et fonctionnels avec Jasmine et Karma
🎯 Objectif : Optimiser la performance de son application Angular et assurer sa stabilité
avec des tests automatisés.
ℹ️ Modalités pratiques
Durée : 3 jours (21 heures).
Format : Présentiel (Paris 20ème) ou intra-entreprise.
Tarif : 690€ HT par personne (groupe de 6 minimum).
Financement : Éligible CPF, OPCO, Pôle Emploi (réf. RSXXXX).
🔍 Extrait du projet fil rouge
Les participants développeront une application de gestion de tâches avec :
Authentification JWT
CRUD complet avec API
Routing sécurisé
Dashboard avec charts (NgxCharts)
Déploiement sur Vercel/Netlify
📍 Module 2 : Manipulation des composants et templates
• Création et gestion des composants Angular
• Utilisation des directives (*ngIf, *ngFor, ngClass, ngStyle, etc.)
• Gestion des entrées et sorties avec @Input et @Output
• Utilisation des templates et ng-template
🎯 Objectif : Développer une interface utilisateur dynamique et interactive en maîtrisant les
composants et templates Angular.
📍 Module 4 : Gestion des routes et navigation
• Configuration du Routing Angular
• Utilisation de <router-outlet> et des Guards pour sécuriser la navigation
• Gestion des paramètres et data de route
🎯 Objectif : Mettre en place une navigation fluide et sécurisée dans une application Angular.
🎓 Certification et évaluation
Un projet pratique de développement d’une application web Angular permettra d’évaluer les
compétences acquises et de mettre en application les concepts vus en formation.
📌 Avantages de la formation :
✅ Maîtrise complète d’Angular et de ses fonctionnalités avancées
✅ Développement d’applications web performantes et optimisées
✅ Approche pratique avec exercices et projet final
✅ Support post-formation pour accompagner la montée en compétence
💡 Intéressé ? Rejoignez Donkey School et devenez expert en développement Angular pour
créer des applications modernes et dynamiques !
Pourquoi choisir cette formation ?
Approche full-stack : Intégration backend (API Node.js/Spring Boot optionnelle).
Focus employabilité : Compétences recherchées (SSR, tests, optimisation).
Équipe pédagogique : Formateurs seniors en activité.
Personnalisable avec vos logos/couleurs. Pensez à ajouter les détails de certification Qualiopi.