Développeur Full-Stack JavaScript
De zéro à développeur employable : HTML/CSS, JavaScript, React, Next.js, Node & bases de données.
What you'll learn
- Maîtriser HTML, CSS et le JavaScript moderne
- Construire des interfaces avec React et Next.js
- Créer des API et manipuler une base de données
- Utiliser Git et déployer une application en production
- Réaliser un projet full-stack pour votre portfolio
Prerequisites
- Savoir utiliser un ordinateur
- Aucune expérience de code requise
- Motivation et régularité
About this course
Who it is for: Débutants motivés, personnes en reconversion, étudiants visant un métier du web.
Curriculum
Module 1
Fondations du Web & HTML
Comprendre comment fonctionne le web (client/serveur, HTTP, DNS) et maîtriser la structure sémantique d'une page HTML accessible.
- Comment fonctionne le web : client, serveur et HTTPFree preview15 min
- DNS et le rôle du navigateur15 min
- La structure d'un document HTML20 min
- Balises essentielles et HTML sémantique20 min
- Les formulaires HTML18 min
- Les bases de l'accessibilité web15 min
- Quiz — Fondations du Web
Module 2
CSS & mise en page
Maîtriser CSS moderne pour styliser et disposer des interfaces : sélecteurs, box model, Flexbox, Grid et responsive mobile-first.
- Sélecteurs, cascade et spécificitéFree preview15 min
- Le box model et le dimensionnement15 min
- Couleurs, unités et typographie15 min
- Flexbox : disposition en une dimension15 min
- CSS Grid : disposition en deux dimensions15 min
- Responsive et mobile-first15 min
- Quiz — CSS
Module 3
JavaScript — les bases
Maîtriser les fondamentaux du langage JavaScript : variables, types, structures de contrôle, fonctions, tableaux et objets.
- Variables et types de donnéesFree preview15 min
- Opérateurs et coercition de type15 min
- Conditions : if, else et switch15 min
- Les boucles : for, while et for...of15 min
- Fonctions : déclaration, arrow et paramètres15 min
- Tableaux, objets et méthodes map/filter/reduce15 min
- Quiz — JavaScript bases
Module 4
JavaScript avancé & le navigateur
Manipuler le DOM, gérer les événements, maîtriser l'asynchrone avec Promises et async/await, appeler des APIs avec fetch et organiser son code en modules ES.
- Le DOM : sélectionner et manipuler les élémentsFree preview15 min
- Les événements : réagir aux actions de l'utilisateur15 min
- L'asynchrone : callbacks, event loop et Promises15 min
- async / await : de l'asynchrone qui se lit comme du synchrone15 min
- fetch, les APIs et la gestion d'erreurs réseau15 min
- Les modules ES : organiser et réutiliser son code15 min
- Quiz — JavaScript avancé
Module 5
Git, terminal & outils du développeur
Maîtriser la ligne de commande, Git, GitHub, npm/Node et l'environnement de développement pour travailler comme un développeur professionnel.
- Le terminal : ton nouveau meilleur amiFree preview15 min
- Pourquoi Git ? Le contrôle de version expliqué15 min
- Git en pratique : init, add, commit15 min
- Branches, merge et collaboration sur GitHub15 min
- Node, npm et l'environnement de développement15 min
- Quiz — Git & outils
Module 6
React — composants & hooks
Construire des interfaces réactives avec React : JSX, composants, props, state, hooks et formulaires contrôlés.
- JSX et le premier composantFree preview15 min
- Les props : passer des données aux composants15 min
- State avec useState et gestion des événements15 min
- Afficher des listes et le rôle des clés15 min
- useEffect : synchroniser avec l'extérieur15 min
- Formulaires contrôlés et penser en composants15 min
- Quiz — React
Module 7
Next.js & le rendu serveur
Maîtrise Next.js avec l'App Router : routing, composants serveur/client, data fetching, API routes, stratégies de rendu et déploiement sur Vercel.
- Pourquoi Next.js ? Du SPA au rendu serveurFree preview15 min
- App Router : routing par fichiers et layouts15 min
- Server Components vs Client Components15 min
- Data fetching dans les Server Components15 min
- API Routes et Route Handlers15 min
- Stratégies de rendu et déploiement sur Vercel15 min
- Quiz — Next.js
Module 8
Backend, API & bases de données
Construis une API REST avec Node, Express et Prisma, sécurise-la, connecte-la à une base SQL et déploie une application full-stack complète.
- Node.js & Express : ton premier serveurFree preview15 min
- Concevoir une API REST : routes, verbes HTTP et JSON15 min
- Construire un CRUD complet avec Express15 min
- Bases de données SQL & Prisma : modéliser et interroger15 min
- Authentification : sessions, JWT et hachage des mots de passe15 min
- Mise en production : variables d'environnement, déploiement et bonnes pratiques15 min
- Quiz — Backend & API