Module 6: Angular et Projet Final
Ce module intensive permet aux participants d'acquérir une compréhension approfondie d’Angular, un framework structuré et puissant pour le développement d’applications web modernes. À travers des explications détaillées et des exercices pratiques, ils apprendront à utiliser les composants, directives et modules, à gérer les services et l’injection de dépendances, ainsi qu’à manipuler des formulaires réactifs et des flux de données avec RxJS. La formation se termine par un projet pratique visant à concevoir et déployer une application Angular complète.
Les deux derniers jours permet aux
participants de mobiliser l’ensemble des compétences acquises tout
au long du parcours -
Les Fondamentaux du
Développement
d’applications Web
(front-end)
en réalisant un projet en équipe. Ce projet
leur permet d’expérimenter la gestion de projet web, de rédiger des
spécifications fonctionnelles, et de mettre en place un
environnement de développement collaboratif avec GitHub et une
ligne d’intégration continue (CI/CD).
L’objectif est de concevoir et développer une application web
complète en utilisant les technologies étudiées (HTML, CSS,
JavaScript, TypeScript, ReactJS, Angular) tout en appliquant les
meilleures pratiques du développement moderne.
Content
Angular:
- Composants, directives et modules : structuration d’un projet Angular.
- Services et injection de dépendances : gestion des données partagées entre composants.
- Gestion des formulaires réactifs : validation et interaction utilisateur.
- Mise en place du routage et des gardes : sécurisation de l’accès aux pages.
- Observables avec RxJS : gestion des flux de données asynchrones.
- Projet pratique : développement et déploiement d’une application Angular complexe autour de l’IA utilisant l’API Open AI ou DeepSeek.
Projet Final:
- Utilisation de toutes les connaissances acquise
- Idée Projet Libre.
- 2-3 personnes par équipe
- Presentation en Mode Demo : 5-10min Max
Learning Outcomes
Angular:
- Concevoir une application Angular complète en utilisant les meilleures pratiques.
- Construire des composants réutilisables et interagir via les props et les services.
- Implémenter des formulaires réactifs avec validation dynamique.
- Gérer la navigation avec Angular Router et les Route Guards.
- Manipuler des observables avec RxJS pour gérer les données asynchrones.
- Développer et déployer une application Angular fonctionnelle.
Projet Final:
À l’issue de cette session, les participants seront en mesure de concevoir et développer une application web complète en appliquant les technologies et bonnes pratiques acquises durant la formation.
Ils auront acquis une expérience concrète de gestion de projet, leur permettant de structurer et organiser leur travail à travers la rédaction de spécifications fonctionnelles et l’utilisation de GitHub pour le versionnement collaboratif. Ils seront également capables de mettre en place une intégration continue (CI/CD) afin d’automatiser le déploiement de leur projet et d’améliorer son efficacité.
Enfin, ils pourront présenter leur travail de manière professionnelle, en expliquant leurs choix techniques, les fonctionnalités développées et les défis rencontrés. Cette dernière étape leur permettra de renforcer leur autonomie, leur esprit d’équipe et leur capacité à mener un projet web de bout en bout.
Training Method
- Théorie et exercices pratiques.
- Présentation en équipe.
Organised By
Digital Learning Hub Luxembourg
Certification
Participation OnlyPrerequisites
Avoir complèter les modules:
- Module 1: Introduction à HTML
- Module 2: Concepts fondamentaux de CSS
- Module 3: Concepts fondamentaux du langage JavaScript
- Module 4: TypeScript
- Module 5: Les Fondamentaux de ReactJS
Planning and location
09:00 - 17:00
09:00 - 17:00
09:00 - 17:00
09:00 - 17:00
09:00 - 17:00
Learning Track
This course is part of the following learning track(s) and can be booked as a stand-alone training or as part of a whole:
ESCO Skills
ESCO Occupations
Your trainer(s) for this course
David FERNS
David Ferns, a tech professional with 7+ years of experience, began his career in video game development before transitioning to full-stack development, working with tools and frameworks in PHP, Python, and Java. Skilled in low-code solutions like MuleSoft and experienced in setting up full DevOps pipelines, he also specializes in data science, utilizing R and Python's Pandas library for analysis. David works at Cap4Lab, a leader in IT consulting and training, delivering engaging sessions on cutting-edge technology to empower learners of all backgrounds.