Module 1 : Développement Web - Front-end

Module 1 : Développement Web – Front‑end

Durée & tarif

7 jours (49 h)‍

Objectifs pédagogiques

• Intégrer des interfaces responsives en HTML5 / CSS3 / SASS.
• Dynamiser le front avec JavaScript ES6+ et appels API.
• Garantir l’accessibilité (WCAG 2.1) et les performances web.
• Mettre en place l’intégration continue côté front (tests, lint, build).

Contenu détaillé

1. HTML sémantique & CSS moderne : Flexbox, Grid, méthodologie BEM, préprocesseur SASS.
2. Responsive design & SEO : images adaptatives, métadonnées OG, audit Lighthouse.
3. JavaScript ES6+ : DOM, modules, fetch/async‑await, bundler Vite.
4. Qualité & tests : ESLint/Prettier, Vitest, Husky, workflow CI GitHub Actions.

Méthodes pédagogiques

Exposés courts, live‑coding et ateliers pratiques sur un projet fil rouge. Pair‑programming et revues de code quotidiennes.

Modalités d’évaluation

• Quiz quotidiens.
• Projet final : micro‑site responsive + scripts JS, déployé via GitHub Pages et validé par Lighthouse & tests automatisés.

Livrables attendus

Dépôt GitHub complet (code, tests, workflow CI), rapport Lighthouse et fiche d’accessibilité.

Public visé / prérequis

Développeurs ou étudiants disposant des bases JS et Git. Aucune expérience Docker requise.

Compétences visées

1. Intégrer à partir d’une maquette graphique en respectant l’accessibilité.
2. Dynamiser l’interface côté client en JavaScript.
3. Mettre en place un workflow de tests et de qualité de code.
4. Automatiser le build et le déploiement frontal.

Financement

Autofinancement (paiement échelonné possible).

Modalités d’inscription & d’accès (communes au parcours Full‑Stack)

1. Formulaire en ligne → RDV Calendly
2. Entretien individuel + test logique / anglais technique (réponse immédiate)
3. Accès à la formation : J+14 après délai de rétractation (envoi des accès plateforme onboarding)

Accessibilité handicap : supports et évaluations adaptables. Contact : handicap@digitalfactoryacademy.com