Frontend Development - HTML/CSS, JavaScript, Frameworks (React, Angular, Vue.js), UX/UI Design
Formation créée le 24/01/2025. Dernière mise à jour le 06/02/2025.
Version du programme : 1
Programme de la formation
Cette formation de 5 jours vous plonge dans l'univers du développement Frontend et du design UX/UI, en vous apprenant à maîtriser les bases essentielles et les frameworks les plus populaires : HTML/CSS, JavaScript, ainsi que React, Angular et Vue.js. Vous apprendrez non seulement à créer des interfaces utilisateurs modernes et responsives, mais aussi à optimiser l'expérience utilisateur (UX) et l'interface utilisateur (UI). À la fin de cette formation, vous serez prêt à concevoir des applications web interactives, performantes et esthétiques.
Objectifs de la formation
- Maîtriser HTML/CSS pour structurer et styliser des pages web responsives. Programmer en JavaScript, comprendre les fondamentaux du langage et l'utiliser pour ajouter de l'interactivité. Utiliser des frameworks Frontend comme React, Angular et Vue.js pour développer des applications web modernes. Appliquer les principes de l'UX/UI design pour créer des interfaces intuitives et adaptées aux utilisateurs.
- Construire des interfaces réactives et dynamiques, intégrer des API et gérer l’état d’application.
Profil des bénéficiaires
Pour qui
- Développeurs juniors souhaitant se perfectionner dans le développement Frontend. Designers web souhaitant intégrer des compétences en développement pour améliorer leurs pratiques UX/UI. Étudiants en informatique ou design, ainsi que toute personne désirant débuter ou approfondir ses connaissances en développement web Frontend.
Prérequis
- Agences web, start-ups, entreprises tech, e-commerce, médias numériques, entreprises ayant besoin de créer des applications interactives.
Contenu de la formation
-
Jour 1 : Introduction au développement Frontend - HTML et CSS
- Matin : Présentation du rôle du développeur Frontend, introduction à HTML : structure de base des pages web, balises HTML, liens, formulaires. Après-midi : Introduction à CSS : mise en forme des pages, gestion des mises en page (Flexbox, Grid), styles responsives, et bases du design adaptatif.
-
Jour 2 : JavaScript et interactivité des pages web
- Matin : Introduction à JavaScript : syntaxe, variables, boucles, fonctions, gestion des événements, DOM et manipulation des éléments HTML. Après-midi : Concepts avancés de JavaScript : gestion des erreurs, promesses, async/await, appels d’API, et manipulation du DOM pour créer des pages interactives.
-
Jour 3 : Frameworks Frontend – React
- Matin : Introduction à React : principes de base, JSX, composants, états (state), props, gestion de l’interactivité. Après-midi : Approfondissement de React : gestion des événements, routage avec React Router, gestion des effets (useEffect), et introduction à la gestion d'état avec Redux.
-
Jour 4 : Frameworks Frontend – Angular et Vue.js
- Matin : Présentation de Angular : architecture MVC, modules, composants, directives, services, et communication avec les API. Après-midi : Présentation de Vue.js : structure réactive, gestion de l’état, composants, et intégration avec des API. Comparaison des frameworks pour une meilleure compréhension de leurs forces et de leurs cas d’usage.
-
Jour 5 : UX/UI Design et création d'interfaces utilisateurs modernes
- Matin : Introduction aux principes de l'UX/UI design : ergonomie, architecture de l’information, wireframing, prototypage, et tests utilisateur. Après-midi : Application pratique : création d'une interface utilisateur interactive en utilisant React, Vue.js ou Angular, tout en appliquant les principes d’UX/UI design. Intégration d'éléments visuels et création d'une expérience fluide.
Équipe pédagogique
Responsable Julien Broue j.broue@easypartner.fr Référente Handicap - Sandrine Blondeau /s.blondeau@easypartner.fr Formateurs Externes à venir
Modalités de certification
Résultats attendus à l'issue de la formation
- À l'issue de la formation, les participants seront capables de développer des applications web Frontend modernes, réactives et performantes, avec une expérience utilisateur optimisée. Ils sauront utiliser HTML/CSS, JavaScript et des frameworks comme React, Angular et Vue.js pour construire des applications complètes.
Modalité d'obtention
- Réalisation d'un projet pratique durant la formation et réussite d’un examen théorique portant sur les aspects techniques et UX/UI du développement Frontend.
Détails sur la certification
- Un certificat de compétence en développement Frontend, reconnu par l'industrie et les entreprises.
Durée de validité
- 1 an
Délai d'accès
4 semaines
Accessibilité
Accessible aux personnes en situation de handicap : soit dans vos locaux s'ils sont adaptés, soit dans une salle réservée par nos soins et conforme aux réglementations en vigueur