~//guides

Guides

Long-form, practical guides for every technology on the roadmap. Pick a topic and go deep, or follow the roadmap in order.

120 guides

01

Internet & How it Works

02

HTML

03

CSS

beginner

CSS

CSS est le langage qui contrôle l'apparence et la mise en page de votre HTML à l'écran. Voici ce que c'est, comment cela fonctionne et comment commencer à l'utiliser dès aujourd'hui.

14 min read
beginner

Le Box Model CSS

Le box model est le fondement de la mise en page CSS. Chaque élément est une boîte composée de contenu, de padding, de bordure et de marge — apprenez comment cela fonctionne et comment le maîtriser.

14 min read
beginner

Flexbox

Flexbox est un modèle de mise en page CSS qui facilite l'alignement et la distribution de l'espace entre les éléments d'un conteneur. Voici comment cela fonctionne et comment l'utiliser.

14 min read
beginner

CSS Grid

CSS Grid est un système de mise en page bidimensionnel qui vous permet d'organiser des éléments en lignes et colonnes. Apprenez comment il fonctionne, quand l'utiliser et comment construire des mises en page modernes sans bidouillages.

14 min read
beginner

Responsive Design

Le responsive design permet d'utiliser une seule mise en page sur tous les écrans. Une balise viewport, des unités fluides et des media queries mobile-first couvrent la grande majorité des cas.

15 min read
intermediate

Animations & Transitions

Les transitions et keyframes CSS donnent vie aux interfaces sans JavaScript. En animant les bonnes propriétés, le mouvement reste fluide et accessible.

14 min read
intermediate

Variables CSS

Les propriétés personnalisées sont des valeurs que vous définissez une seule fois et réutilisez partout. Contrairement aux variables de préprocesseur, elles vivent dans le navigateur et peuvent changer au moment de l'exécution.

13 min read
04

CSS Frameworks & Styling

05

JavaScript

06

Git & Version Control

07

TypeScript

08

JavaScript Frameworks

09

State Management

10

Meta-frameworks

11

Testing

12

Build Tools & Tooling

intermediate

Vite

Vite est l'outil de build moderne qui sert vos sources via des modules ES natifs en développement et les bundle avec Rollup pour la production. Rapide au démarrage, rapide pour itérer.

14 min read
beginner

npm

npm est le gestionnaire de paquets par défaut et le plus grand registre de logiciels au monde. Apprenez comment il installe les dépendances, résout les versions et exécute les scripts de votre projet.

13 min read
intermediate

pnpm

pnpm est un gestionnaire de paquets rapide et efficace pour le disque qui utilise un store adressable par le contenu et des node_modules stricts basés sur des liens symboliques. C'est le choix privilégié pour les monorepos.

13 min read
intermediate

ESLint

ESLint est le linter pluggable qui détecte les bugs et impose des conventions avant qu'ils n'arrivent en revue de code. Avec la flat config et le support de TypeScript, il s'adapte à toute stack moderne.

13 min read
beginner

Prettier

Prettier est le formateur de code opinioné qui met fin aux débats de style. Il analyse votre code et le réimprime de manière cohérente, pour que plus personne ne se dispute sur les espaces, les guillemets ou les points-virgules.

12 min read
advanced

Webpack

Webpack est le module bundler éprouvé. Il transforme un graphe de modules, d'assets et de dépendances en bundles optimisés — et le comprendre rend tout autre outil de build plus clair.

14 min read
advanced

Turborepo

Turborepo est un système de build haute performance pour les monorepos JavaScript. Il exécute des tâches à travers les packages, met les résultats en cache et ignore tout ce qui n'a pas été modifié.

13 min read
13

Next Steps

intermediate

Performance Web

La performance est une fonctionnalité à part entière. Les Core Web Vitals, le lazy loading, la réduction de la taille des bundles et un caching intelligent déterminent si vos utilisateurs restent ou partent avant même que votre page ne s'affiche.

15 min read
intermediate

Sécurité Web

La sécurité n'est pas une fonctionnalité que l'on ajoute à la fin. XSS, CSRF, CORS et l'authentification sécurisée sont les bases que tout développeur web doit maîtriser.

15 min read
advanced

PWA & Service Workers

Une Progressive Web App s'installe comme une application native, fonctionne hors ligne et se charge instantanément lors des visites répétées. Les service workers et le manifeste web rendent cela possible.

14 min read
intermediate

GraphQL

GraphQL permet aux clients de demander exactement les données dont ils ont besoin, en une seule requête. Un schéma typé décrit l'API, et des resolvers récupèrent les données correspondantes.

14 min read
advanced

GSAP

GSAP est la bibliothèque d'animation derrière les expériences web polies et pilotées par le scroll. Les timelines, l'easing et ScrollTrigger vous offrent un contrôle précis à l'image près, sans avoir à lutter avec le CSS.

13 min read
advanced

Three.js

Three.js rend WebGL accessible : un graphe de scène, des caméras, des matériaux et des lumières vous permettent de créer des expériences 3D pour le navigateur en JavaScript pur.

14 min read
intermediate

Docker & Déploiement

Docker encapsule votre application et son environnement dans une image qui s'exécute de la même manière partout. Les builds multi-étapes, la mise en cache et la CI/CD transforment le déploiement en une étape reproductible.

14 min read
01

Internet & Networking

02

Node.js Fundamentals

03

API Design

04

Web Frameworks

beginner

Express

Express est le framework web Node.js minimaliste et non-opinionné. Une route, une fonction et une chaîne de middleware : voilà tout le modèle mental, et pourtant, il propulse encore une immense partie du web.

16 min read
intermediate

Fastify

Fastify est un framework web Node.js rapide et basé sur le concept de "schema-first". JSON Schema compile votre validation et votre sérialisation, tandis que les plugins encapsulés garantissent la cohérence des services de grande taille.

15 min read
advanced

NestJS

NestJS est un framework Node.js opinioné, inspiré d'Angular. Les modules, contrôleurs et providers offrent aux grandes équipes une architecture partagée et l'injection de dépendances nativement.

16 min read
intermediate

Hono

Hono est un framework web ultra-rapide basé sur les objets standards Request et Response. Écrivez une seule fois, déployez sur Cloudflare Workers, Deno, Bun ou Node, avec un typage de bout en bout via RPC.

14 min read
intermediate

Koa

Koa est une réécriture minimaliste d'Express basée sur async/await, conçue par ses auteurs originaux. Un objet de contexte et un modèle de middleware en oignon — tout le reste est un package que vous choisissez.

14 min read
intermediate

Laravel

Laravel est le framework PHP conçu pour le bonheur des développeurs : un routage expressif, l'ORM Eloquent, les templates Blade et un écosystème couvrant tout, de l'authentification au déploiement.

16 min read
advanced

Symfony

Symfony est à la fois un ensemble de composants PHP réutilisables et un framework complet construit à partir de ceux-ci. Il privilégie la structure, la stabilité et la maintenabilité à long terme à grande échelle plutôt que la simplicité immédiate.

15 min read
intermediate

Django

Django est le framework web Python « batteries-included ». Modèles, migrations, ORM, templates, authentification et interface d'administration de production sont fournis d'office : vous décrivez vos données et Django s'occupe du reste.

16 min read
beginner

Flask

Flask est le micro-framework Python minimaliste. Vous disposez du routage, d'un objet requête et des templates Jinja dans un seul fichier, puis vous ajoutez précisément les extensions dont vous avez besoin à mesure que l'application grandit.

14 min read
intermediate

FastAPI

FastAPI est le framework Python asynchrone basé sur les type hints. Pydantic valide vos données, Starlette gère le HTTP, et la documentation OpenAPI s'écrit toute seule.

15 min read
intermediate

Ruby on Rails

Rails est le framework Ruby full-stack basé sur le principe de la convention plutôt que la configuration. Il gère les parties fastidieuses — noms de fichiers, noms de tables, routes — pour que vous puissiez vous concentrer sur votre produit.

15 min read
advanced

Spring Boot

Spring Boot est la couche opinionée basée sur le Spring Framework qui transforme un ensemble de configurations en une application prête à l'emploi : starters, auto-configuration et serveur embarqué.

16 min read
05

Databases

06

ORMs & Query Builders

07

Authentication & Authorization

intermediate

Hachage de mots de passe

Les mots de passe sont le seul secret que vous ne devriez jamais stocker. Un hachage lent et salé transforme une base de données volée en un tas de tentatives qui ne s'achèvent jamais.

14 min read
intermediate

JWT

Un JSON Web Token est une chaîne signée, compatible URL, qui transporte des revendications (claims) sur un utilisateur. Compact et autonome, il s'adapte parfaitement à la montée en charge, mais il est facile de commettre des erreurs lors de sa mise en œuvre.

15 min read
intermediate

OAuth 2.0

OAuth 2.0 est un framework d'autorisation déléguée, et non d'authentification. Il permet à un utilisateur d'accorder à une application un accès limité à ses données sans partager son mot de passe.

16 min read
intermediate

OpenID Connect

OAuth 2.0 gère l'autorisation d'accès ; OpenID Connect ajoute la couche d'identité qui permet d'authentifier les utilisateurs. C'est le protocole derrière le bouton « Se connecter avec... ».

15 min read
beginner

Authentification par Session

L'authentification par session conserve la source de vérité sur le serveur. Un identifiant de session aléatoire voyage dans un cookie HttpOnly, tandis que l'identité et les permissions de l'utilisateur résident dans un store que vous contrôlez et pouvez révoquer à tout moment.

14 min read
intermediate

RBAC

Le RBAC répond à une seule question par requête : ce principal est-il autorisé à effectuer cette action sur cette ressource ? Les rôles regroupent les permissions, et un seul contrôle can() garantit la cohérence de la réponse partout.

15 min read
intermediate

Clés API

Une clé API est un identifiant à longue durée de vie pour les machines. Émettez-la une seule fois, ne stockez que son hash, limitez strictement son périmètre (scope), et prévoyez un moyen de la renouveler ou de la révoquer avant même d'en avoir besoin.

14 min read
08

Testing

09

Caching & Performance

10

Message Queues & Real-time

11

DevOps & Deployment

12

Architecture & Patterns