Parcours guidé
Développeur Fullstack JavaScript
JavaScript partout : structurer et styliser une interface, y ajouter React puis Next.js, la connecter à une API Node.js et stocker les données en SQL. Git à chaque étape. Le parcours le plus direct pour livrer une application complète en autonomie.
- 12 étapes
- 24 cours gratuits
- 24 formations
- 122 h 51 de lecture
Cliquez sur une étape pour lire son détail plus bas.
Les étapes, une par une
Chaque étape se termine par des cours à lire et à pratiquer. Les formations en distanciel prennent le relais pour aller plus loin.
-
HTML Junior
Le langage de structuration du web : titres, paragraphes, liens, images, tableaux et formulaires. C'est la base de toute page, sans exception.
- HTML5 — structurer une page web À commencer ici
- HTML5 — sémantique, tableaux et formulaires
- HTML5 — accessibilité, composants natifs et métadonnées
En distanciel -
CSS Junior
Mise en forme et mise en page : couleurs, typographie, boîtes, flexbox, grid, responsive. Le CSS transforme une structure en interface.
- CSS3 — mettre en forme une page web À commencer ici
- CSS3 — mise en page avec Flexbox et Grid
- CSS3 — architecture, responsive avancé et performance
En distanciel- Formation Bootstrap : créer des interfaces rapidement 2 jours
- Formation CSS3 : maîtriser la mise en page moderne 2 jours
- Formation Responsive Design : des sites adaptés à tous les écrans 2 jours
- Formation SASS : organiser et industrialiser votre CSS 2 jours
- Formation UI/UX Design : concevoir des expériences efficaces 3 jours
-
JavaScript Junior
Le langage du navigateur : manipulation du DOM, événements, asynchrone, modules. Indispensable dès qu'une page doit réagir à l'utilisateur.
- JavaScript — les bases du langage À commencer ici
- JavaScript — DOM, événements et asynchrone
- JavaScript — modularité, performance et API navigateur
En distanciel -
Git Junior
Versionner son code : commits, branches, fusion, résolution de conflits et travail à plusieurs. La compétence transversale de tous les métiers du web.
-
TypeScript Intermédiaire
JavaScript typé : les types détectent les erreurs avant l'exécution et rendent les gros projets maintenables. Standard sur React, Next.js et Node.
-
React Intermédiaire
Bibliothèque d'interfaces par composants : état, props, hooks, rendu conditionnel. Le socle de la majorité des applications front modernes.
- React — composants et état À commencer ici
- React — données, effets et formulaires
- React — architecture, performance et accessibilité
En distanciel -
Next.js Avancé
Le framework de React pour la production : rendu serveur, routes, données, images optimisées et déploiement. La voie la plus directe vers un site rapide.
- Next.js — pages, layout et rendu serveur À commencer ici
- Next.js — données, formulaires et cache
- Next.js — performance, SEO et mise en production
En distanciel -
Tests & qualité Intermédiaire
Vérifier que le code fait ce qu'il promet : tests unitaires, tests d'intégration, couverture. Écrire des tests, c'est pouvoir modifier sans casser.
-
CI/CD & déploiement Avancé
Automatiser la livraison : intégration continue, environnements, déploiement et retour arrière. Le code part en production sans cérémonie manuelle.
-
Node.js Intermédiaire
JavaScript côté serveur : API HTTP, fichiers, processus, paquets npm. La même langue du navigateur au serveur.
- Node.js — premiers scripts et serveur HTTP À commencer ici
- Node.js — API Express et code asynchrone
- Node.js — production, files d’attente et sécurité
En distanciel -
SQL Junior
Le langage des données : SELECT, jointures, agrégations, index. Savoir interroger une base est aussi utile que savoir écrire une boucle.
- SQL — interroger une base de données À commencer ici
- SQL — jointures, agrégats et sous-requêtes
- SQL — modélisation, index et optimisation
En distanciel -
Sécurité applicative Intermédiaire
Protéger une application : validation des entrées, mots de passe, sessions, droits, secrets, dépendances et fautes courantes du Top 10 OWASP.