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.