Carte interactive
Cette roadmap est conçue pour une navigation sur écran d'ordinateur. Pour une expérience optimale, ouvrez cette page sur un écran plus large.
Le développement web, c’est l’ensemble des technologies qui donnent vie à un site ou une application : frameworks frontend, langages backend, design systems, standards et optimisation. Ce pilier vous guide pour naviguer dans cet écosystème et choisir les bons outils.
Frontend : React, Astro, JavaScript, HTML/CSS : ce que l’utilisateur voit et avec quoi il interagit.
Backend : PHP, Symfony, Next.js (full-stack) : la logique serveur, les API, la donnée.
Les deux communiquent via des API. Un bon développeur comprend les deux mondes, même s’il en maîtrise un.
Que vous débutiez par les fondamentaux (HTML, CSS, JavaScript) ou que vous orchestriez une stack complète (React, PHP, Symfony), l’écosystème du développement web propose des ressources à chaque niveau. L’essentiel est de progresser par couches : maîtriser un langage avant d’empiler les frameworks.
Le choix d’une stack technique détermine votre productivité, la maintenabilité du projet et les opportunités d’équipe. JavaScript reste le langage le plus déployé sur le web, TypeScript s’impose comme le standard de fiabilité à l’échelle, tandis que PHP et Symfony dominent le backend.
des développeurs professionnels : le langage le plus utilisé sur le web
d'adoption chez les développeurs professionnels : le choix majoritaire pour les interfaces interactives
des développeurs professionnels : le langage serveur qui alimente 77 % des sites (WordPress, Symfony, Laravel)
d'adoption : le choix professionnel pour des applications PHP robustes, modulaires et maintenables
Le développement web se déploie sur cinq grands axes :
Chaque axe a ses outils, ses bonnes pratiques et ses articles dédiés dans ce pilier.
4 questions pour choisir :
(1) Est-ce un site content-first (blog, doc, landing page) ? → Astro.
(2) Est-ce une app interactive riche (dashboard, SaaS) ? → React.
(3) Avez-vous besoin de full-stack (API + frontend dans le même écosystème) ? → Next.js.
(4) Besoin d’un backend sur mesure, flexible ou structuré ? → PHP (souple, déploiement large) ou Symfony (robuste, architectural).
Si vous hésitez encore : commencez par JavaScript Vanilla : maîtrisez le langage avant le framework.
Le frontend, c’est la vitrine du magasin. Le backend, c’est la réserve et la caisse. Les frameworks, ce sont les machines-outils qui accélèrent la construction. Un bon développeur connaît les trois et choisit l’outil adapté à chaque projet.
Avant de choisir React, Astro ou Next.js : maîtrisez-vous les bases du langage ? L'article JavaScript Vanilla vous donne les fondamentaux pour aborder sereinement n'importe quel framework.
En cours de rédaction
Cet article est en cours de rédaction. Inscrivez-vous à la newsletter pour être averti de sa publication.
Newsletter
Un récap par mois de ce qui a vraiment compté. Pas de spam, promis.
HTML sémantique, CSS moderne, JavaScript Vanilla : le socle indispensable avant tout framework. Ne sautez pas cette étape.
React pour les interfaces riches, Astro pour le contenu, Next.js pour le full-stack. Chaque outil a son cas d'usage.
Composants UI, Atomic Design, Storybook : standardisez votre bibliothèque de composants pour gagner en productivité et en cohérence.
PHP pour la flexibilité, Symfony pour la robustesse. Un développeur complet sait toucher aux deux bouts de la chaîne.
Core Web Vitals, audits Lighthouse, HTML sémantique, données structurées : la qualité technique détermine le succès d'un projet.
Vos progrès sont sauvegardés localement sur votre appareil. Aucune donnée n'est collectée. La durée de conservation dépend de la durée de rétention des données de votre navigateur.
Le développement web, c’est comme construire une maison : les fondations (HTML/CSS) doivent être solides avant d’ajouter les pièces (frameworks), la plomberie (backend) et la décoration (design system). Sans bonnes fondations, tout s’effondre.
Je donne vie à vos idées en créant des sites web et applications intuitifs, esthétiques et fonctionnels.
Astro est le framework web optimisé pour le contenu. Créez des sites rapides avec l'architecture Islands, zéro JavaScript par défaut et multi-frameworks.
React est la bibliothèque JavaScript la plus utilisée pour créer des interfaces utilisateur. Maîtrisez les composants, les hooks, le state management et l'écosystème React.
Présentation de l'ancien portfolio intégrant articles techniques, projets de développement et passions personnelles : une vitrine complète d'expertise et de personnalité.
Comment structurer un site Astro en SSR avec un proxy Express intégré pour dialoguer avec WordPress et WooCommerce sans exposer les clés API.
Comparez PHP, Node.js, Python et Go : langages, frameworks, performances et cas d'usage pour construire une architecture backend robuste.
Comparez Atomic Design, BEM, Feature-based et plein d'autre méthodologies: Des approches pour organiser votre code frontend. Guide de décision, cas d'usage et combinaisons possibles.
Comment le site Bao-Link a été repensé sans template : documentation interactive, composants réutilisables, et une UX qui donne à l'utilisateur les moyens de comprendre, pas juste de regarder.
Retour sur le premier site Bao-Link sous WordPress : les limites d'un CMS générique, la prise de conscience que tout le monde se ressemble, et le passage à Astro pour reprendre le contrôle.
Guide pratique pour choisir un créateur de site web : critères de performance, SEO, design, hébergement et accompagnement. Les questions à poser avant de confier votre projet.
Création d'une PWA React pour Ideeri : Service Workers, manifest, Zod, Firebase, notifications push et synchronisation temps réel avec l'API Laravel.
Développement d'une plateforme SaaS complète pour l'immobilier : API REST Laravel, multi-diffusion, gestion des documents Firebase + S3, suivi des transactions et collaboration interprofessionnelle.
IA, edge computing, WebAssembly, Islands Architecture, open source, souveraineté des données, VR/3D : découvrez les tendances qui redéfinissent le développement web.
Symfony est le framework PHP le plus robuste pour les applications d'entreprise. Maîtrisez Doctrine, Twig, API Platform, Messenger, Security et l'écosystème Symfony.
Maîtrisez Next.js : App Router, Server Components, Server Actions, strategies de rendu (SSR, SSG, ISR), API routes et bonnes pratiques.
Maîtrisez les balises sémantiques HTML5 pour votre SEO, accessibilité et maintenabilité. Guide complet : balises, exemples et checklist de validation.
Explorez les API CSS les plus récentes : Container Queries, CSS Nesting, @layer, la pseudo-classe :has() et les sélecteurs modernes. Techniques qui redéfinissent l'écriture du CSS.
Intégrez Storybook pour documenter et tester vos composants React. Créez un playground interactif pour votre bibliothèque de composants.
Maîtrisez les fondamentaux du SEO et de la performance web : Core Web Vitals, audits, optimisation des assets, contenu optimisé et stratégie d'amélioration continue.
Le projet Bao-Link raconte l'évolution du site et de ses outils: la création d'un premier site WordPress vitrine, puis le passage à Astro avec un site 100% sur mesure, sans template, centré sur le SEO et l'expérience utilisateur ainsi que les projets liés : diag-application et personas.
Étude de cas complète : migration d'un site e-commerce WordPress/WooCommerce vers une architecture Astro SSR + proxy Express, avec déploiement et optimisation SEO.
Étude de cas complète : création d'un site WordPress professionnel puis migration vers Hugo pour des performances optimales et un SEO décuplé.
Discutons ensemble de vos objectifs et transformons votre vision en une réalité performante et pérenne.
