https://blog-dev.simpleenough.net/fr/tags/javascript/Recent content in JavaScript on Simple Enough BlogHugofrFri, 05 Sep 2025 12:09:45 +0200https://blog-dev.simpleenough.net/fr/blog/organization_frontend/Fri, 05 Sep 2025 12:09:45 +0200https://blog-dev.simpleenough.net/fr/blog/organization_frontend/<h2 id="i-pourquoi-organiser-son-projet-frontend-" class="heading">I. Pourquoi organiser son projet frontend ?<a href="#i-pourquoi-organiser-son-projet-frontend-" aria-labelledby="i-pourquoi-organiser-son-projet-frontend-"> <!-- <i class="fas fa-link anchor"></i> --> <svg class="svg-inline--fa fas fa-link anchor" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 640 512"><use href="#fas-link"></use></svg>&nbsp; </a> </h2> <p>Lorsque l’on débute en développement web, il est courant de mettre tous ses fichiers dans un seul dossier. Pourtant, une <strong>bonne organisation</strong> devient vite indispensable dès que le projet grandit, que ce soit pour :</p> <ul> <li>S’y retrouver facilement.</li> <li>Collaborer efficacement avec d’autres développeurs.</li> <li>Faciliter la maintenance et les évolutions.</li> <li>Gagner du temps à long terme.</li> </ul> <hr> <h2 id="ii-structure-recommandée-pour-un-projet-simple" class="heading">II. Structure recommandée pour un projet simple<a href="#ii-structure-recommand%c3%a9e-pour-un-projet-simple" aria-labelledby="ii-structure-recommandée-pour-un-projet-simple"> <!-- <i class="fas fa-link anchor"></i> --> <svg class="svg-inline--fa fas fa-link anchor" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 640 512"><use href="#fas-link"></use></svg>&nbsp; </a> </h2> <p>Voici une structure classique à un projet HTML/CSS/JS :</p>