Dans vos locaux
Pour ancrer les apprentissages et encourager la dynamique collective.
Formation Angular
Apprenez Angular, le framework full-stack qui propulse les applications web d'entreprise, les interfaces utilisateur dynamiques et les solutions mobiles cross-platforme.
Devenez développeur Angular en maîtrisant TypeScript, l'architecture par composants modulaires, la gestion d'état avancée (RxJS/NgRx), le routing et les tests unitaires.
4 jours (28 h)
2 300,00 € HT
import { Component, signal } from '@angular/core';
@Component({
selector: 'app-user-profile',
template: `
<h2>{{ user().name }}</h2>
<p>Statut : {{ user().status }}</p>
`,
})
export class UserProfileComponent {
// Utilisation des Angular Signals pour la réactivité
user = signal({
name: 'Jane Doe',
status: 'Online'
});
}Description 
Angular est un framework TypeScript complet et mature pour le développement frontal, maintenu par Google. Il est l'outil de choix pour les Applications Monopages (SPA) de grande envergure, grâce à sa structure robuste et son approche architecturale stricte. Cette formation couvre l'ensemble de l'écosystème Angular, de la création de composants modulaires à l'utilisation avancée des Directives et du Data Binding. Vous apprendrez à gérer l'asynchrone avec RxJS (et potentiellement NgRx pour la gestion d'état), à implémenter un système de navigation complexe avec le Router intégré, et à utiliser l'Angular CLI pour accélérer le développement. Le typage statique de TypeScript assure une meilleure maintenabilité et évolutivité des projets d'entreprise, ce qui est un atout majeur pour les développeurs et les équipes RH.
Les objectifs
Développer une Single Page Application
Comprendre le routing côté front-end
Mettre en place des formulaires dynamiques
Public visé
Développeurs fullstack
Développeurs web
Prérequis
Bonne connaissance des technologies du web
Connaissance du JavaScript
Le programme
Jour 1
Matinée
1. MAÎTRISER LES BASES DU DÉVELOPPEMENT WEB MODERNE
- Appliquer les concepts JavaScript
- Utiliser les fonctionnalités ES6+ efficacement
- Comprendre la programmation fonctionnelle
- Manipuler les promesses et l'asynchrone
- Structurer votre code proprement
Après-midi
2. INTRODUCTION À ANGULAR & TYPESCRIPT MODERNE
- Découvrir la nouvelle architecture standalone
- Configurer votre premier projet Angular
- Comprendre le nouveau système de build
- Utiliser les outils de développement Angular
- Appliquer les bonnes pratiques actuelles
- Typer correctement vos données
- Utiliser les fonctionnalités avancées de TypeScript 5
- Créer des interfaces et types personnalisés
- Implémenter les décorateurs modernes
- Gérer les génériques efficacement
Jour 2
Matinée
3. COMPOSANTS STANDALONE & GESTION D’ÉTAT MODERNE AVEC SIGNALS
- Créer des composants autonomes
- Utiliser les nouveaux imports standalone
- Gérer les dépendances efficacement
- Optimiser la modularité
- Structurer votre application
- Implémenter les Signals Angular
- Créer des états réactifs modernes
- Optimiser les performances de rendu
- Comparer avec les observables
- Utiliser
computed()eteffect()
Après-midi
4. RxJS MODERNE & FORMULAIRES AVANCÉS
- Utiliser les opérateurs RxJS efficacement
- Gérer les flux de données complexes
- Implémenter les subjects
- Optimiser les souscriptions
- Éviter les fuites mémoire
- Créer des formulaires réactifs modernes
- Valider les données efficacement
- Implémenter des validateurs personnalisés
- Gérer les formulaires dynamiques
- Utiliser les nouveaux contrôles de formulaire
Jour 3
Matinée
5. OPTIMISATION DES PERFORMANCES & STRUCTURATION DE L’APPLICATION
- Implémenter la détection de changement moderne
- Utiliser OnPush efficacement
- Appliquer le lazy loading
- Optimiser le bundle size
- Mesurer les performances
- Implémenter une architecture scalable
- Utiliser les services standalone
- Gérer la communication inter-composants
- Organiser votre code efficacement
- Appliquer les design patterns Angular
Après-midi
6. ROUTING MODERNE & TESTS
- Configurer les routes standalone
- Utiliser les guards modernes
- Implémenter la navigation avancée
- Optimiser le chargement des routes
- Gérer les paramètres de route
- Écrire des tests unitaires efficaces
- Utiliser les nouveaux outils de test
- Implémenter des tests d'intégration
- Automatiser les tests e2e
- Mesurer la couverture de code
Jour 4
Matinée
7. DÉPLOIEMENT, PWA & PIPES PERFORMANTS
- Optimiser pour la production
- Configurer le SSR avec Angular Universal
- Implémenter le PWA
- Mettre en place le monitoring
- Gérer les différents environnements
- Développer des pipes personnalisés
- Implémenter les pipes purs et impurs
- Optimiser les performances des pipes
- Combiner plusieurs pipes efficacement
- Utiliser les nouveaux pipes intégrés
- Gérer la mise en cache des pipes
Après-midi
8. DIRECTIVES PERSONNALISÉES & FERMETURE DE LA FORMATION
- Créer des directives structurelles modernes
- Implémenter des directives d'attributs
- Utiliser les decorators de directive
- Gérer les événements dans les directives
- Partager la logique entre directives
- Optimiser les performances des directives
- (Optionnel : mini-projet ou Q&A final)
En présentiel ou à distance : à vous de choisir
En classe virtuelle
Pour allier flexibilité et interactions en temps réel avec le formateur.
Dans nos locaux
Pour favoriser la concentration, les échanges et le confort des apprenants.
Les modalités de formation
Suivi et évaluation :
- Recueil des besoins en amont pour identifier les attentes du stagiaire
- Évaluation continue : études de cas et travaux pratiques pendant la formation
- Évaluation finale : questionnaire d'auto-évaluation
Format et encadrement :
- Formation équilibrée : 50% théorie / 50% pratique
- Sessions en petits groupes (2 à 9 participants) pour un suivi personnalisé
- Émargement par demi-journée et remise d'une attestation de formation
Moyens pédagogiques et techniques :
- Méthodes interactives et suivi des acquis : travaux pratiques, projet fil rouge, mises en situation, démonstrations, QCM…
- Les stagiaires doivent être équipés de leur matériel informatique pour suivre la formation, que ce soit dans nos locaux ou sur site externe.
- Il appartient au client de veiller à ce que le matériel mis à disposition soit conforme aux prérequis techniques indiqués dans le programme de formation.
- Accessibilité : nous informons l'ensemble de nos clients et stagiaires que nous sommes dans la capacité d'adapter les sessions en cas de situations spécifiques. Nous nous engageons à répondre à toutes les demandes dans un délai de 48h ouvré.
Conditions et délais d'accès :
- Si l'une de nos formations vous intéresse, contactez-nous au +33 04 93 65 34 24 ou à l'adresse mail contact@le-code.dev. Selon votre besoin et vos attentes, nous organiserons un échange téléphonique avec le formateur pressenti afin d'adapter la formation et ses modules, puis nous vous adresserons un devis. Les dates de la formation seront à convenir sous 30 jours maximum.
- Concernant les formations Actions Collectives, l'inscription est possible jusqu'à 24h ouvrées avant le début de la formation.