Formation Développeur Front-End Angular Junior

• Angular
• TypeScript
• HTML5
• CSS3 / SCSS
• Bootstrap ou Angular Material
• API REST
  
• NODEJS
  
  

• Développer une application Angular moderne avec les bonnes pratiques actuelles.
• Utiliser les Signals, Computed et Effect.
• Mettre en œuvre les nouvelles APIs input(), output() et model().
• Maîtriser la nouvelle syntaxe de contrôle de flux @if, @for et @switch.
• Consommer des API REST et construire des interfaces professionnelles.
• Participer à un projet Angular en entreprise en tant que Développeur Front-End Angular Junior.

• Présentation d'Angular et de son écosystème
• Installation de Node.js et Angular CLI
• Création d'un projet avec les composants standalone
• Structure d'une application Angular moderne

Module 2 : TypeScript Essentiel

• Variables, types et interfaces
• Fonctions et classes
• Modules ES6
• Bonnes pratiques TypeScript

Module 3 : Création de Composants Standalone

• Architecture basée sur les composants
• Création et organisation des composants
• Templates et styles
• Cycle de vie des composants

Module 4 : Gestion des Données avec Signals

• Introduction à la réactivité Angular
• Création de signal()
• Utilisation de computed()
• Réactions avec effect()
• Remplacement des patterns traditionnels basés sur RxJS pour les cas simples

Module 5 : Communication entre Composants (Nouvelle Syntaxe)

• input()
• output()
• model()
• Communication Parent → Enfant
• Communication Enfant → Parent
• Two-Way Binding moderne

Module 6 : Contrôle de Flux Moderne

• @if
• @else
• @for
• track
• @switch
• Comparaison avec les anciennes directives *ngIf, *ngFor, *ngSwitch

Module 7 : Injection de Dépendances Moderne

• inject()
• Création de services
• Partage de données
• Providers
• Bonnes pratiques

Module 8 : Routing Moderne

• Configuration du Router
• Lazy Loading
• Routes Standalone
• Navigation dynamique
• Guards et Resolve

Module 9 : Appels API et Gestion des Données

HttpClient

• Requêtes GET, POST, PUT, DELETE
• Gestion des erreurs
• Intégration avec Signals
• State Management léger

Module 10 : Formulaires Angular

• Reactive Forms
• Validation des champs
• Validateurs personnalisés
• Formulaires dynamiques

Module 11 : Angular Material et UI

• Installation Angular Material
• Composants UI modernes
• Responsive Design
• Dark Mode
• Accessibilité

Module 12 : Bonnes Pratiques et Optimisation

• Change Detection moderne
• Performance avec Signals
• Structure de projet professionnelle
• Architecture Feature-Based
• Tests unitaires

Projet Final - Développement d'une application complète :

• Authentification utilisateur
• Dashboard moderne
• CRUD complet
• API REST
• Signals pour la gestion d'état
• input(), output(), model()
• @if, @for, @switch
• Angular Material
• Déploiement en production

• Comprendre les fondamentaux du développement web moderne avec Angular et TypeScript.
• Mettre en place et configurer un projet Angular en utilisant Angular CLI.
• Développer des interfaces utilisateur interactives à travers la création de composants réutilisables.
• Utiliser le data binding, les directives et les pipes pour gérer l'affichage dynamique des données.
• Mettre en œuvre la communication entre composants et la gestion des services.
• Configurer la navigation entre les pages avec Angular Router.
• Consommer et exploiter des API REST à l'aide du module HttpClient.
• Créer et valider des formulaires réactifs et dynamiques.
• Appliquer les bonnes pratiques de développement, de performance, d'accessibilité et de sécurité.
• Utiliser Git et GitHub pour le suivi et la gestion des versions du code.
• Concevoir une application web complète en respectant une architecture Angular professionnelle.
• Déployer une application Angular sur un environnement de production.

Objectif final : Permettre au participant de développer de manière autonome des applications Front-End avec Angular et d'intégrer une équipe de développement en tant que Développeur Front-End Angular Junior.

• Connaissances de base en HTML, CSS et JavaScript.
• Notions de TypeScript appréciées mais non obligatoires.