HTML CSS JS

Votre portfolio n'a de valeur que s'il est en ligne et que vos recruteurs peuvent le voir. Ce chapitre couvre Git pour versionner votre code et GitHub Pages pour le publier gratuitement au monde entier.

Git — pourquoi et comment

Git est un système de contrôle de version. Il sauvegarde l'historique complet de votre code. Chaque "commit" est un point de sauvegarde auquel vous pouvez revenir. Si vous cassez quelque chose, vous revenez en arrière. Si vous voulez tester une idée risquée, vous créez une branche.

Sans Git, vous en êtes à "index_v2_final_FINAL_vraimfinal.html". Avec Git, vous avez un historique propre avec des messages qui décrivent chaque changement.

Installer et configurer Git

Téléchargez Git sur git-scm.com. Après l'installation, configurez votre identité (une seule fois) :

git config --global user.name "Votre Nom" git config --global user.email "votre@email.com"

Le workflow quotidien

Le cycle est simple — 4 commandes que vous utiliserez 10 fois par jour :

1. Modifier votre code dans VS Code
2. Ajouter les changements : git add . (le point signifie "tous les fichiers modifiés")
3. Commiter avec un message descriptif : git commit -m "feat: ajout du mode sombre"
4. Pousser sur GitHub : git push

Les conventions de messages de commit

Un bon message de commit est court et commence par un préfixe qui indique le type de changement :

• feat: — nouvelle fonctionnalité ("feat: ajout du filtrage des projets")
• fix: — correction de bug ("fix: menu hamburger ne se ferme pas sur mobile")
• style: — changement CSS / formatage ("style: amélioration des hover sur les cartes")
• docs: — documentation ("docs: ajout du README")
• chore: — maintenance ("chore: mise à jour des dépendances")

> Bonne pratique : Écrivez le message comme une instruction : "feat: ajouter le mode sombre" plutôt que "feat: ajouté le mode sombre" ou "feat: j'ai ajouté le mode sombre".

Les commandes Git essentielles

• git status — voir quels fichiers ont changé
• git diff — voir le détail des modifications
• git log --oneline — l'historique résumé en une ligne par commit
• git revert HEAD — annuler le dernier commit (crée un nouveau commit d'annulation)

GitHub Pages — hébergement gratuit

GitHub Pages transforme un dépôt GitHub en site web accessible au monde entier. C'est la solution idéale pour un portfolio :

• Gratuit — pas de frais d'hébergement
• Déploiement automatique — chaque push met à jour le site
• URL propre — votre-pseudo.github.io
• HTTPS inclus — certificat SSL automatique

Pour un site personnel, nommez votre dépôt exactement votre-pseudo.github.io — il sera accessible directement à cette URL sans configuration supplémentaire.

Alternatives à GitHub Pages

• Netlify — drag & drop ou connexion Git, domaines personnalisés faciles
• Vercel — optimisé pour les frameworks JS mais fonctionne pour du statique
• Cloudflare Pages — rapide, gratuit, CDN global intégré

Tous sont gratuits pour les sites statiques. GitHub Pages reste le plus simple pour commencer.

> Important : Votre profil GitHub EST votre CV technique. Les recruteurs regardent vos repos, vos commits, vos README. Commitez régulièrement, écrivez des README soignés, et gardez vos repos propres.