Développement Front-End moderne (HTML5, CSS3, JavaScript ES6, React/Vue.js)
E-PETITPAS.PRO
Objectifs de la formation
Objectif général
Acquérir les compétences nécessaires pour concevoir, coder et mettre en ligne des interfaces web modernes, responsives et accessibles.
Cette formation de 3 semaines permet de maîtriser les langages du front-end (HTML5, CSS3, JavaScript ES6) et d'apprendre à utiliser un framework moderne comme React ou Vue.js.
Elle s'adresse aux apprenants souhaitant renforcer leurs compétences techniques avant le passage du Titre Professionnel Développeur Web et Web Mobile (RNCP37674), ou aux professionnels cherchant à se perfectionner dans le développement d'interfaces web.
Objectif pédagogique
À l'issue de la formation, le participant sera capable de :
• Structurer et styliser des pages web accessibles et conformes aux standards W3C.
• Créer des interfaces dynamiques et interactives avec JavaScript ES6+.
• Utiliser un framework moderne (React ou Vue.js) pour le développement de composants réutilisables.
• Mettre en œuvre un design responsive (flexbox, grid, media queries).
• Optimiser les performances et l'accessibilité des sites web.
• Déployer un site sur un hébergement en ligne (GitHub Pages, Netlify, Vercel, etc.).
Programme
Contenu (programme détaillé – 105h)
1 – Fondamentaux du Web
• Structure et sémantique HTML5.
• Mise en forme avec CSS3 : flexbox, grid, variables, animations.
• Introduction à l'accessibilité web (WCAG, ARIA).
• Travaux pratiques : création d'une landing page complète.
2 – JavaScript moderne (ES6+)
• Variables, fonctions, boucles, objets, classes.
• Manipulation du DOM, événements et API fetch.
• Bonnes pratiques de code et débogage.
• Exercices : mini-projets interactifs (quiz, galeries, formulaires dynamiques).
3 – Framework moderne (React ou Vue.js)
• Introduction au concept de composants.
• Props, états, hooks ou réactivité.
• Routage, gestion des formulaires et API externes.
• Déploiement sur GitHub Pages / Netlify / Vercel.
• Projet final : création d'une application web complète.
Résultats attendus
À la fin de la formation, l'apprenant sera capable de :
• Concevoir et développer des interfaces front-end modernes, responsives et accessibles.
• Mettre en ligne un projet complet sur un hébergement distant.
• Présenter un portfolio technique valorisant ses compétences front-end.
• Valider les compétences techniques nécessaires au CCP1 du titre DWWM (RNCP37674).
Les points forts
Formation pratique et intensive, 100 % en ligne. Maîtrise complète du développement front-end moderne avec HTML, CSS, JS et React/Vue. Coaching individuel et projets concrets.
La certification
TP Développeur web et web mobile
- TypeTitre RNCP
- Niveau de sortieBAC+2 : DEUG, BT, DUT... (NIVEAU 5)
- Spécialité (NSF)Informatique, traitement de l'information, réseaux de transmission
- DomaineDéveloppement web
- Métier viséDéveloppeur / Développeuse informatique
RNCP 37674 RS -1 CertifInfo 114920 Organisme & lieu
- OrganismeE-PETITPAS.PRO
- Région