Web Dev

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
Digital Learning Hub Luxembourg
Certification
Participation Only
Prerequisites

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
Session 1
17/06/2025 - Tuesday
09:00 - 17:00
Session 2
18/06/2025 - Wednesday
09:00 - 17:00
Session 3
19/06/2025 - Thursday
09:00 - 17:00
Session 4
20/06/2025 - Friday
09:00 - 17:00
Session 5
24/06/2025 - Tuesday
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 Occupations
Available Edition(s):

https://www.dlh.lu/web/image/product.template/1723/image_1920?unique=42d90df

This combination does not exist.

140.00 € 140.0 EUR 140.00 €

140.00 €

Not Available For Sale

Your trainer(s) for this course
David FERNS
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.