Découvrir le développement front-end
Six cours libres enchaînés pour passer d'une page blanche à une interface interactive : HTML et CSS, accessibilité, JavaScript, intégration d'une maquette Figma, Git, puis premiers composants React.
À la fin du parcours, vous saurez
- Structurer et mettre en forme une page web avec HTML et CSS
- Appliquer les règles essentielles d'accessibilité à une interface
- Rendre une page interactive avec JavaScript
- Traduire une maquette Figma en une page fidèle et responsive
- Versionner son travail avec Git et GitHub
- Créer ses premiers composants React
Pour qui ?
Ce parcours est conçu pour les stagiaires de Formuloo Stages qui rejoignent une équipe front-end et pour toute personne qui veut comprendre comment se construit ce que l'on voit à l'écran. Vous n'avez besoin d'aucune connaissance préalable, seulement d'un navigateur récent et d'un éditeur de code.
Ce que vous allez faire
Vous démarrez par la structure et la mise en forme d'une page avec HTML et CSS, puis vous apprenez à la rendre utilisable par tous, y compris au clavier ou avec un lecteur d'écran. Vient ensuite JavaScript, qui donne vie à la page : réagir à un clic, afficher un message, modifier le contenu sans recharger.
Vous passez alors à une situation que vous rencontrerez dès votre premier jour en équipe : recevoir une maquette Figma et la traduire fidèlement en code. Vous rangez ce travail dans un dépôt Git, comme le font les développeurs de nos clients. Le dernier cours vous fait découvrir React et sa logique de composants réutilisables.
Comment ça se passe
Les cours sont libres et se suivent dans l'ordre proposé, chacun s'appuyant sur le précédent. Chaque partie se termine par un quiz. Si vous êtes stagiaire, votre mentor de stage suit votre avancement et s'en sert pour vous confier vos premières intégrations.
Et ensuite ?
À l'issue du parcours, vous saurez intégrer une page simple et accessible, l'animer avec JavaScript et lire le code d'une petite application React. Pour aller plus loin, le parcours Schools « Développeur web front-end » vous fera construire de vraies applications, avec un mentor, dans le framework de votre choix.
Les 6 cours du parcours
Dans l'ordre conseillé, environ 16 h 04 de cours au total. Chaque cours validé vous donne une attestation gratuite.
- HTML et CSS de zéroDébutant · 2 h 47
- Accessibilité webDébutant · 2 h 44
- JavaScript : les basesDébutant · 2 h 41
- Intégrer une maquette FigmaIntermédiaire · 2 h 33
- Git et GitHubDébutant · 2 h 19
- Débuter avec ReactIntermédiaire · 3 h