Angular 18 - Débutant
Besoin d’adapter cette formation à vos besoins ?
N’hésitez pas à nous contacter afin d’obtenir un devis sur mesure !
Formation créée le 03/04/2024. Dernière mise à jour le 03/09/2024.
Version du programme : 1
Programme de la formation
Notre formation Angular est votre tremplin vers la créations de sites modernes et dynamiques. Petits groupes, interactions riches, réalisation d'un projet concret. Vous repartez avec un projet fonctionnel que vous aurez créé en séance, avec l'aide de notre formateur, qui vous donne un exemple utilisable dans vos futurs projets, pour chaque partie de la formation.
Objectifs de la formation
- Comprendre la philosophie du framework Angular
- Apprendre à utiliser les briques fournies par le framework Angular
- Développer ses propres briques et les intégrer dans un contexte plus large
- Créer et faire communiquer différents composants entre eux
- Utiliser les formulaires en Angular
- Communiquer avec une API REST avec Angular
- Comprendre et utiliser les JWT pour identifier un utilisateur
- Savoir utiliser le stockage local du navigateur (local Storage et IndexedDb)
- Savoir concevoir une application utilisable hors ligne (WPA)
Profil des bénéficiaires
- Concepteurs développeurs
- Ingénieurs logiciel junior ou intermédiaire
- Programmeurs amateurs avertis
- Maîtriser les langages de présentation (HTML et CSS)
- Notions de JavaScript
- Notions de langages de Programmation Orientée Objet
Contenu de la formation
-
Environnement de développement Angular et bases de TypeScript
- Comprendre le choix des langages et outils adaptés au projet
- Installation des outils nécessaires
-
Comprendre les bases de TypeScript
- Rappels langages Orienté Objet
- Types de base
- Utilisations de variables et constantes
- Opérateur spread (...)
- Opérateur optional chaining (?.)
- Opérateur non-null assertion (!.)
- Opérateur null coalesce (??)
-
Les bases d'Angular : Initialiser le projet, modules et composants
- Comprendre la philosophie Angular
- Initialiser un projet Angular via sa CLI
- Créer et afficher des composants Angular
- Communication du ViewModel vers la View
- Communication de la View vers le ViewModel
- Communication bidirectionnelle
- Utiliser les conditions
- Utiliser les boucles
- Utiliser l'injection de dépendances
-
Angular : Formulaires et outils du framework
- Utiliser un Pipe
- Créer un Pipe personnalisé
- Comprendre les formulaires ReactiveForms
- Maîtriser la validation de formulaires
- Afficher un retour visuel à l'utilisateur lors de la validation
- Faire communiquer des Composants entre eux avec @Input et @Output
-
Angular : Routing
- Utiliser les Routes pour naviguer entre différents Composants
- Charger les routes de manière asynchrone
- Utiliser les Guards pour protéger les Routes
-
TypeSctipt : Notion d'asynchrone
- L'asynchronisme avec les Promises
- L'asynchronisme avec Subscribe
- Utilisation de async/await
-
Gestion de l'authentification
- Comprendre et utiliser les JWT
- Savoir générer des JWT de Session et d'Accès
- Savoir utiliser et faire transiter un JWT
-
Angular : Créer un PWA utilisable hors ligne
- Créer une application Angular utilisable hors-ligne
- Utiliser le localStorage
- Utiliser IndexedDb
- Notions de Synchronisation entre le frontend et le backend
Le formateur dispose d'un bac+5 en informatique et plus de 5 ans d'expérience en entreprise sur la technologie visée. La pédagogie par projet est privilégiée, le travail en petits groupes, en présentiel, avec un formateur disponible et accessible pour s'assurer de la bonne compréhension par chacun.
- 2 QCM de connaissance sur le cours, après les chapitres concernés
- 1 Projet de groupe à rendre à la fin, grille d'évaluation disponible dès le départ
- Travaux de groupe réalisés sur place (TP)
- Utilisation d'un IDE (VS Code, Webstorm, ...)
- Utilisation d'un versionning partagé (GiHub, GitLab, BitBucket, ...)
- Processus GitFlow
- PowerPoint et PDF avec commentaires et livret imprimé sur demande