Descriptif
Angular : développer des applications Web est une formation de 3 jours (21 heures), de niveau intermédiaire, rattachée au domaine « Développement logiciel, informatique et Web ». Développer des applications Web avec Angular. Conçue et animée par des praticiens en activité, elle alterne apports ciblés (30 %) et mises en pratique (70 %) sur des laboratoires cloud individuels, avec des cas inspirés des secteurs banque, assurance et services publics. Disponible en inter-entreprises, en intra sur catalogue et en version sur mesure adaptée au contexte de l'entreprise.
Objectifs pédagogiques
À l'issue de la formation, le participant sera capable de :
- Composants
- Templates
- Services
- Routage
- Tests
Programme détaillé
| N° | Contenus et activités | Durée |
|---|---|---|
| Jour 1 | ||
| 1 | Lancement : attentes, revue des versions d'Angular en place chez les participants et ouverture de l'espace de travaux pratiques exécuté dans le navigateur — conteneur de développement préconfiguré, aucune installation sur le poste | 0,5 h |
| 2 | Architecture d'une application Angular : CLI, composants autonomes, modules, arborescence du projet, chaîne de build et serveur de développement | 1,5 h |
| 3 | Travaux pratiques : générer le squelette du portail d'incidents avec la CLI, créer les premiers composants et les assembler dans la page | 2 h |
| 4 | Templates et liaison de données : interpolation, liaison de propriété et d'événement, directives de contrôle de flux, pipes intégrés et pipe personnalisé | 1,5 h |
| 5 | Travaux pratiques : construire la liste filtrable des incidents avec directives de contrôle de flux et pipe de criticité | 1,5 h |
| Jour 2 | ||
| 6 | Communication entre composants : entrées et sorties, signaux, projection de contenu, stratégie de détection de changement OnPush | 1,5 h |
| 7 | Travaux pratiques : découper le portail en composants réutilisables — carte d'incident, barre de filtres, badge de criticité, en-tête de tableau triable | 2 h |
| 8 | Services, injection de dépendances et HttpClient : appels REST, intercepteurs, en-têtes d'authentification, traitement centralisé des erreurs | 1,5 h |
| 9 | Travaux pratiques : consommer l'API d'incidents avec HttpClient et RxJS — map, switchMap, catchError et debounceTime sur la recherche instantanée | 2 h |
| Jour 3 | ||
| 10 | Routage et navigation : définition des routes, paramètres, chargement différé, guards et résolveurs de données | 1,5 h |
| 11 | Travaux pratiques : router le portail sur trois vues — liste, détail, déclaration — protéger l'espace d'administration par un guard et charger une section en différé | 2 h |
| 12 | Formulaires réactifs : FormBuilder, validateurs synchrones et asynchrones, tableaux de contrôles, formulaire dynamique de déclaration d'incident | 1,5 h |
| 13 | Atelier : fiabiliser et sécuriser — tests unitaires avec Jasmine et le lanceur de tests de la CLI Angular, TestBed, harnais de composants et HttpTestingController pour simuler l'API, puis sécurité côté Angular : sanitisation intégrée des gabarits, usage encadré de DomSanitizer et jeton anti-CSRF du HttpClient | 1,5 h |
| 14 | Synthèse : revue d'architecture du fil rouge, bonnes pratiques de mise en production et plan d'action individuel | 0,5 h |
Méthodes pédagogiques
- Pédagogie active : 52 % du temps en pratique encadrée — laboratoires cloud provisionnés par participant, travaux pratiques guidés, fil rouge applicatif —, le reste en apports structurés, démonstrations commentées, cadrage et évaluation
- répartition calculée sur le déroulé détaillé de cette formation, et non annoncée de façon uniforme
- classe inversée avec prérequis sur le LMS
- apprentissage adaptatif selon le positionnement initial
- travaux en binômes
- classe virtuelle en séquences de 3 h 30 maximum sur Microsoft Teams
- support clair, complet et paginé remis à chaque participant
Technologies et outils mobilisés
Angular, TypeScript, RxJS, Angular CLI, Jasmine
Modalités d'évaluation et de validation
- Positionnement initial en ligne
- quiz de validation à chaque séquence
- évaluation finale des acquis (QCM et mise en situation)
- satisfaction à chaud
- questionnaire de transfert à 30 jours
- attestation de fin de formation
Plateforme, laboratoires et ressources
- LMS DATAROCKSTARS : parcours, supports numériques, quiz, évaluations, émargement par demi-journée
- laboratoires cloud individuels accessibles depuis un navigateur, sans installation, données fictives, détruits en fin de session
- bibliothèque O'Reilly (plus de 60 000 ressources)
- accès aux supports pendant 6 mois