Node/Angular [À distance]
Besoin d’adapter cette formation à vos besoins ?
N’hésitez pas à nous contacter afin d’obtenir un devis sur mesure !
Formation créée le 29/12/2023. Dernière mise à jour le 24/07/2024.
Version du programme : 1
Programme de la formation
Notre formation NodeJS et 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
- Communiquer avec une API REST avec Angular
- Développer un backend avec NodeJS et NestJS
- Sécuriser une API REST
- Comprendre et utiliser les JWT pour identifier un utilisateur
- Maîtriser les formulaires dynamiques
- 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
- Notions Frontend/Backend
- Notions API REST
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 du langage TypeScript
-
Les bases d'Angular : Initialiser le projet, modules et composants
- Initialiser un projet Angular via sa CLI
- Créer des modules Angular
- Créer et afficher des composants Angular
-
TypeSctipt : Notion d'asynchrone
- L'asynchronisme avec les Promises
- L'asynchronisme avec Subscribe
- Utilisation de async/await
-
Angular : Formulaires, Routing et outils du framework
- Utiliser un Pipe
- Créer un Pipe personnalisé
- Comprendre les formulaires TemplateDriven
- Comprendre et utiliser 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
- Utiliser les Routes pour naviguer entre différents Composants
- Utiliser les Guards pour protéger les Routes
-
Mini backend NodeJS : API REST
- Comprendre le fonctionnement d'une API REST
- Initialiser un projet via la CLI NestJS
- Comprendre et utiliser un ORM
- Comprendre et utiliser les Migrations de bases de données
- Implémenter une API REST adaptée au projet
-
Gestion de l'authentification
- Comprendre et utiliser les JWT
- Savoir générer des JWT de Session et d'Accès
- Savoir faire transiter un JWT entre le frontend et le backend
-
Angular : Créer un PWA utilisable hors ligne
- Créer une application Angular utilisable hors-ligne
- Utiliser le localStorage
- Utiliser IndexedDb
- Synchroniser le frontend et le backend lorsque l'on récupère la connexion
- Maîtriser les formulaires dynamiques
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