Développement web front-end

Ce que vous apprendrez

• Créer des pages web sémantiques et accessibles avec HTML
• Maîtriser le CSS moderne et le responsive design
• Créer des mises en page avec Flexbox et CSS Grid
• Ajouter des interactions dynamiques avec JavaScript
• Manipuler le DOM et gérer les événements utilisateur
• Travailler avec des API et des données asynchrones
• Comprendre le développement JavaScript moderne
• Créer des composants d’interface réutilisables
• Développer des applications avec un framework front-end moderne
• Utiliser Git et GitHub de façon professionnelle
• Déboguer et optimiser des applications web
• Améliorer l’accessibilité et les performances
• Déployer des applications front-end sur le web
• Réaliser un projet complet digne d’un portfolio

1. 01Module 1 — L’état d’esprit front-end

   Comprenez ce qu’est le développement front-end, comment sont structurés les sites modernes et comment les développeurs front-end travaillent avec les designers, les développeurs back-end et les autres équipes.

2. 02Module 2 — HTML : poser les fondations

   Maîtrisez le HTML sémantique et apprenez à créer des pages bien structurées avec des titres, sections, images, liens, formulaires, tableaux et autres éléments essentiels.

3. 03Module 3 — CSS : de la structure au style

   Apprenez à transformer du HTML en interfaces soignées grâce aux sélecteurs, à la typographie, aux couleurs, aux espacements, aux bordures, au positionnement et aux techniques CSS modernes.

4. 04Module 4 — Responsive web design

   Créez des interfaces qui s’affichent parfaitement sur ordinateur, tablette et smartphone grâce aux unités responsives, aux media queries, à Flexbox et à CSS Grid.

5. 05Module 5 — CSS moderne et techniques d’interface

   Explorez les concepts CSS avancés, les animations, les transitions, les variables, les styles réutilisables et les techniques pour créer des interfaces modernes.

6. 06Module 6 — Fondamentaux de JavaScript

   Apprenez les concepts clés de JavaScript : variables, fonctions, conditions, boucles, tableaux, objets et syntaxe moderne.

7. 07Module 7 — Applications web interactives

   Donnez vie à vos interfaces en travaillant avec le DOM, les événements, les formulaires, les interactions utilisateur et le contenu dynamique.

8. 08Module 8 — API et JavaScript asynchrone

   Apprenez comment les applications front-end communiquent avec des services externes. Travaillez avec les requêtes HTTP, JSON, les API, fetch, le code asynchrone et les données dynamiques.

9. 09Module 9 — Développement front-end moderne

   Découvrez l’architecture et le fonctionnement des applications front-end modernes et apprenez à organiser des projets plus importants avec des composants et du code réutilisable.

10. 10Module 10 — Développement avec un framework

    Créez des applications interactives avec un framework front-end moderne : composants, props, état, événements, routage et structure applicative.

11. 11Module 11 — Git, débogage et bonnes pratiques

    Apprenez comment les développeurs professionnels gèrent leur code avec Git et GitHub, déboguent leurs applications, organisent leurs projets et écrivent un code front-end maintenable.

12. 12Module 12 — Performance, accessibilité et sécurité

    Apprenez à rendre les sites plus rapides, plus accessibles et plus sûrs en appliquant des principes concrets d’optimisation et de sécurité front-end.

13. 13Module 13 — Du code à la production

    Préparez votre application pour de vrais utilisateurs. Découvrez la configuration des environnements, les builds, l’hébergement, le déploiement et les bases de la maintenance d’une application en production.

14. 14Module 14 — Projet final : construire et livrer

    Rassemblez tout en concevant, développant et déployant une application front-end complète, qui pourra rejoindre votre portfolio professionnel.