--- contentId: ee9373dc-a101-44db-b3e3-a25b15c00e4e title: "Passer de l'infrastructure au développement web en 2025" description: "Conseils pour passer de l'infrastructure au développement web avec des étapes pratiques, des resources et des recommandations." date: 2024-11-28 --- Après un meetup où j'ai donné une présentation sur l'**optimistic UI**, un ami s'est approché de moi avec une question intéressante. Il travaille principalement dans l'infrastructure, utilisant **Linux**, **Terraform**, et **Kubernetes**, et a fait un peu de **développement web** il y a des années. Il m'a demandé : "J'aimerais revenir au développement web. Par où devrais-je commencer ?" La question m'a semblé à la fois intéressante et très pertinente. Le développement web est un domaine vaste et parfois déroutant de l'extérieur. Il évolue rapidement, avec de nouveaux outils, bibliothèques, frameworks et meilleures pratiques qui émergent constamment. Cela peut sembler intimidant, surtout dans le monde de **JavaScript**, où la **fatigue JS** est un défi courant. > [!IMPORTANT] > Peu importe votre expérience, ces conseils s'appliquent universellement. N'oubliez pas que cela repose sur mon expérience, ma vision et mes opinions, et non sur une vérité absolue. Avant de donner des conseils, il est crucial de comprendre le contexte. La manière dont mon ami envisage d'utiliser le développement web influencera les recommandations. Je vois deux chemins principaux : 1. **Le développement web comme passe-temps** : créer des projets personnels, apprendre et s'amuser. 2. **Le développement web comme carrière** : travailler dans une entreprise pour créer des produits et collaborer avec une équipe. L'approche varie également selon la localisation, car différents pays ont des marchés distincts et des outils privilégiés. Ici, nous nous concentrons sur la création de sites web ou d'applications web, et non sur le développement d'outils ou de bibliothèques. Ces dernières années, j'ai expérimenté de nombreux outils, bibliothèques, frameworks et langages. Trouver la bonne pile technologique peut être difficile et prendre du temps. Avoir des conseils au début de votre parcours peut vous faire économiser beaucoup de temps et prévenir le risque de vous éparpiller trop face à l'afflux constant de nouveaux outils. Commençons par les essentiels. ## Les Bases Les fondements du développement web sont **HTML**, **CSS**, et **JavaScript**. Voici quelques ressources pour les apprendre : - [Apprendre l'HTML](https://youtu.be/oEAuNzWXRjM?si=CtsGceAM_z3WNfGz) avec Grafikart. - [Découverte du CSS](https://youtube.com/playlist?list=PLjwdMgw5TTLVjTZQocrMwKicV5wsZlRpj&si=J4vZKiGb3LBjiDks) avec Grafikart. - [Apprendre le JavaScript](https://www.youtube.com/playlist?list=PLjwdMgw5TTLXgsTQE_1PpRkC_yX47ZcGV) avec Grafikart. - [HTML & CSS Crash Course Tutorial](https://youtube.com/playlist?list=PL4cUxeGkcC9ivBf_eKCPIAYXWzLlPAm6G&si=QTwFntwwlQ3pbkQ-) avec le Net Ninja. - [Modern JavaScript Tutorial](https://youtube.com/playlist?list=PL4cUxeGkcC9haFPT7J25Q9GRB_ZkFrQAc&si=RzCATnLejIdUzMgf) avec le Net Ninja. - [JavaScript DOM Tutorial](https://youtube.com/playlist?list=PL4cUxeGkcC9gfoKa5la9dsdCNpuey2s-V&si=kX5SKcV3x4Tc3BpD) avec le Net Ninja. Ces ressources fourniront une base solide. Ne passez pas un temps excessif sur elles : bien que les fondamentaux soient essentiels, ils ne sont que le point de départ. Gardez le **Mozilla Developer Network (MDN)** comme votre guide de référence. ## Backend ou Frontend De nombreux nouveaux venus préfèrent explorer les frameworks frontend comme **React**, **Vue**, ou **Angular**. D'autres peuvent opter pour un backend **Node.js** avec **Express**, tirant parti de leur confort avec JavaScript. Cependant, aucun de ces chemins n'est idéal au début. Utiliser un framework frontend trop tôt ou plonger dans l'écosystème Node.js peut être démoralisant. Je recommande de commencer avec **PHP** et **Laravel**. > [!NOTE] > Laravel est un framework d'application web avec une syntaxe expressive et élégante, vous permettant de créer des applications sans effort. Oubliez les idées préconçues selon lesquelles PHP serait obsolète ou encombrant. Le langage a évolué de manière significative, rendant le développement PHP confortable et efficace. Voici pourquoi PHP et Laravel sont recommandés : - La **documentation de Laravel** sur [laravel.com](https://laravel.com/) est l'une des plus complètes. - L'**écosystème de packages Laravel** est vaste, bien entretenu et documenté, offrant des ressources même pour des besoins spécifiques. - La communauté Laravel est accueillante et riche en ressources, avec des plateformes comme [Laracasts](https://laracasts.com/) offrant de nombreux supports d'apprentissage sur divers sujets de développement web. Vous ne trouverez pas de meilleure ressource pour apprendre le développement web. ## Apprendre PHP et Laravel Sur Laracasts, je recommande de suivre [le parcours](https://laracasts.com/path), qui vous guide des bases de PHP aux concepts avancés de Laravel. Voici quelques cours à considérer : - [PHP pour les débutants](https://laracasts.com/series/php-for-beginners-2023-edition). - [30 jours pour apprendre Laravel](https://laracasts.com/series/30-days-to-learn-laravel-11). - [Créer un forum avec Laravel](https://laracasts.com/series/build-a-forum-with-laravel). Ce cours est difficile, mais trouvez des cours associés pour clarifier les concepts si nécessaire. ## Les choses commencent à se compliquer Une fois que vous êtes à l'aise avec PHP et Laravel, commencez à construire avec Blade, CSS pur et JavaScript. Reconnaissez pourquoi des outils plus puissants sont nécessaires avant de les adopter. Lorsque la gestion de CSS et JavaScript devient difficile, apprenez **Tailwind CSS** et **Vue.js** pour une meilleure maintenabilité et interactivité : - [Tailwind CSS](https://tailwindcss.com/) est un framework CSS utilitaire, ce qui vous rend plus productif en éliminant les modifications directes des fichiers CSS, les feuilles de style encombrantes et les classes répétitives. - [Vue.js](https://vuejs.org/) est un framework JavaScript progressif, facile pour les débutants, présentant des avantages techniques par rapport à React et Angular. Explorez Laracasts pour des cours sur ces technologies et lisez attentivement leur documentation pour comprendre les capacités et les limitations avant utilisation. ## Devenir Développeur Full-Stack Atteindre la maîtrise du développement full-stack est possible avec la bonne approche et les bons outils. Évitez de créer une **application à page unique (SPA)** avec une **API REST** à moins que cela soit nécessaire. L'_over engineering complique la maintenance sans justification adéquate. Une fois familiarisé avec Laravel et Vue.js, apprenez **Inertia**, un protocole qui combine la simplicité dirigée par le serveur avec la puissance d'une SPA. [Laracasts propose une série à ce sujet](https://laracasts.com/series/build-modern-laravel-apps-using-inertia-js), vous aidant à devenir un développeur full-stack capable de bâtir diverses applications web. ## Quelques Outils Supplémentaires Pour éviter la fatigue liée à la gestion des packages JavaScript, utilisez [pnpm](https://pnpm.io/), un gestionnaire de paquets rapide et économe en espace, adapté à tous vos besoins, des mono-repos au patching des dépendances locales. Pour les sites Web nécessitant de la documentation ou centré sur le contenu, utilisez [VitePress](https://vitepress.dev/), un générateur de site statique alimenté par Vue et Vite. La familiarité avec Vue.js facilite son adoption. Pour les applications nécessitant une intégration d'API, envisagez [Nuxt](https://nuxt.com), un méta-framework Vue.js soutenant divers styles de construction, offrant une solution puissante et bien documentée. Vous pourriez trouver d'autres outils intéressants, mais la cohérence mène à la maîtrise. Concentrez-vous sur ces outils recommandés et approfondissez votre connaissance. En outre, gardez un œil sur : - [UnJS](https://unjs.io/), un écosystème en plein essor de bibliothèques JavaScript bien conçues. - [Spatie](https://spatie.be/), une agence de développement web offrant des paquets PHP et Laravel précieux. ## Pour le Travail Bien que ces recommandations conviennent aux amateurs et offrent une connaissance approfondie du développement web, adaptez-vous aux tendances du marché pour un travail professionnel. En France, par exemple, **Java** avec **Spring Boot** et **Angular** sont en demande. Concentrez-vous sur les concepts de base pour vous assurer une flexibilité dans les transitions d'outils ou d'entreprises. Restez motivé au milieu de la courbe d'apprentissage. Le voyage est long mais gratifiant. Embrassez le processus d'apprentissage, connectez-vous avec vos pairs et appréciez le fait de créer. Le développement web est gratifiant et offre des possibilités infinies. J'espère que ce post vous aidera à vous lancer dans votre parcours de développement web. N'hésitez pas à laisser des commentaires ou à partager vos expériences avec nous. 💜