Written with AI assistance from the source video. The video is the authority.
Log in to leave a comment
No posts yet
Le fichier HTML généré par Claude semble correct au premier abord. Cependant, dès que vous dépassez trois pages, la maintenance devient un cauchemar. Perdre son temps à ouvrir 10 fichiers juste pour changer une taille de police est inutile. Séparez votre code.
<link> dans la balise <head> du HTML principal et gérez vos styles de manière centralisée.En procédant ainsi, une simple modification apportée au header sera immédiatement appliquée à l'ensemble du site. Vous n'aurez plus besoin de perdre du temps à modifier chaque fichier individuellement.
Ne saisissez pas les codes couleur directement dans chaque composant. Vous devrez parcourir des milliers de lignes de code à chaque fois que vous voudrez changer la couleur d'un bouton. Utilisez plutôt des variables CSS.
:root { --main-color: #000000; --sub-color: #ffffff; }.background-color: var(--main-color);.Si la couleur de votre marque change plus tard, il vous suffira de modifier un seul fichier en 3 secondes. La couleur des boutons sur toutes les pages sera mise à jour simultanément. C'est beaucoup plus efficace que de retoucher le design à chaque fois.
Le processus répétitif de modification du code suivi d'un rafraîchissement du navigateur finit par briser la concentration. Installez l'extension Live Server de VS Code.
Visualisez les changements en temps réel sans avoir à rafraîchir la page. Le temps consacré aux ajustements de design sera réduit de moitié.
Claude génère le code différemment à chaque demande. Établissez des règles dès le début de la conversation. Créez un fichier CLAUDE.md à la racine du dossier de votre projet.
<button>...</button>).Les risques que l'IA complexifie inutilement le code seront considérablement réduits.
Ne vous souciez pas de la configuration du serveur ou des environnements complexes. Avec Vercel, votre site est opérationnel dès que vous envoyez votre code.
Il n'est pas nécessaire de gérer soi-même un serveur. L'adresse du domaine est générée automatiquement et, en cas de problème, vous pouvez revenir à une version précédente à tout moment. Envoyez votre code dès maintenant.