← Retour au sommaire
🌿

Git & GitHub —
Sauvegarde ton code !

Apprends à ne jamais perdre ton travail et à collaborer avec d'autres développeurs.

DĂ©butant Versioning Terminal requis
?
Pourquoi utiliser Git ?

Imagine que tu travailles sur un projet de site web depuis des semaines. Un jour, tu modifies le code et
 tout se casse ! Si tu n'as pas de sauvegarde, tu dois tout refaire. Git résout ce problÚme.

🎼
Git, c'est comme des points de sauvegarde dans un jeu vidĂ©o. Avant chaque moment important, tu crĂ©es une sauvegarde. Si quelque chose tourne mal, tu peux revenir exactement Ă  ce point. La diffĂ©rence avec Git, c'est que tu peux avoir des centaines de sauvegardes, voir ce qui a changĂ© entre chacune, et mĂȘme travailler Ă  plusieurs sur le mĂȘme projet !
≠
Git vs GitHub : c'est pas pareil !

Beaucoup de débutants confondent les deux. Voici la différence :

đŸ–„ïž
Git
Un logiciel installé sur ton PC. Il gÚre les sauvegardes de ton projet localement.
☁
GitHub
Un site web (github.com) qui stocke tes sauvegardes en ligne et permet le partage.
💡RĂ©sumĂ© : Git = le logiciel sur ton PC. GitHub = le site web pour stocker et partager. Tu utilises Git pour crĂ©er des sauvegardes, et GitHub pour les mettre en ligne.
V
Le versioning : garder l'historique

Avec Git, chaque sauvegarde s'appelle un commit. Voici Ă  quoi ressemble l'historique de ton projet :

v1 — commit #1
✹ CrĂ©ation du projet
index.html créé avec le titre et le header
v2 — commit #2
🎹 Ajout du style CSS
style.css créé, couleurs et polices définies
v3 — commit #3
🐛 Correction du menu
Bug du menu mobile corrigé
v4 — maintenant
❌ Le code plante !
Tu peux revenir Ă  n'importe quel commit prĂ©cĂ©dent 😌
💡Le versioning est aussi trĂšs pratique en Ă©quipe : si plusieurs personnes travaillent sur le mĂȘme projet, Git permet de fusionner les modifications sans tout Ă©craser !
⚙
Installer Git & vérifier qu'il est présent

Avant d'utiliser Git, il faut l'installer sur ton PC. Voici comment faire et comment vérifier qu'il est bien installé (dans le terminal !).

Vérifier si Git est déjà installé (terminal)
$ git --version git version 2.43.0 # ✅ Git est installĂ© ! # Si tu vois ce message Ă  la place, Git n'est pas installĂ© : bash: git: command not found
Installer Git
đŸȘŸ
Windows : Va sur git-scm.com, clique "Download for Windows" et lance l'installeur. Laisse toutes les options par défaut.
🍎
Mac : Dans le terminal, tape git --version. Si non installé, macOS propose automatiquement de l'installer via Xcode Tools. Clique "Installer".
🐧
Linux (Ubuntu) : Dans le terminal : sudo apt install git puis Entrée.
# AprÚs installation, configure ton nom et email (une seule fois) : $ git config --global user.name "Ton Prénom" $ git config --global user.email "ton@email.com"
⚠Tu vois l'utilitĂ© du terminal ? Pour vĂ©rifier si Git est installĂ©, et pour configurer Git, on utilise des commandes dans le terminal. C'est pour ça qu'on l'a appris d'abord !
📁
Créer un dépÎt : git init

Un dépÎt (ou "repository") est un dossier suivi par Git. Pour créer un dépÎt, tu te places dans ton dossier de projet dans le terminal, puis tu tapes git init.

# 1. Se placer dans son projet avec le terminal $ cd Documents/Projets/mon-site # 2. Initialiser Git dans ce dossier $ git init Initialized empty Git repository in /Documents/Projets/mon-site/.git/ # 3. Vérifier l'état du dépÎt $ git status On branch main No commits yet Untracked files: index.html, style.css
💡Un dossier cachĂ© .git est crĂ©Ă© dans ton projet. C'est lĂ  que Git stocke tout l'historique. Ne le supprime surtout pas !
đŸ’Ÿ
Sauvegarder ses modifications : commit

Pour créer un point de sauvegarde, il faut faire deux étapes : ajouter les fichiers modifiés, puis valider avec un message.

Fichiers modifiésTon code
→
Zone de prépagit add
→
Historiquegit commit
→
GitHubgit push
# Voir quels fichiers ont été modifiés $ git status # Ajouter UN fichier à la sauvegarde $ git add index.html # Ajouter TOUS les fichiers modifiés d'un coup $ git add . # le . signifie "tout" # Créer la sauvegarde avec un message descriptif $ git commit -m "Ajout de la page d'accueil" [main (root-commit) 4f2a1b3] Ajout de la page d'accueil 2 files changed, 35 insertions(+)
🌟Le message du commit doit ĂȘtre court et clair pour qu'on comprenne ce qui a Ă©tĂ© fait. Bonne pratique : commence par un verbe — "Ajout de", "Correction de", "Mise Ă  jour de"

⚡
Les commandes Git essentielles

Voici toutes les commandes Ă  connaĂźtre pour travailler avec Git et GitHub :

git init
Créer un nouveau dépÎt Git dans le dossier actuel.
git status
Voir quels fichiers ont été modifiés depuis le dernier commit.
git add .
Préparer tous les fichiers modifiés pour le prochain commit.
git commit -m
Créer une sauvegarde avec un message descriptif.
git push
Envoyer ses commits vers GitHub (en ligne).
git pull
Récupérer les derniÚres modifications depuis GitHub.
git clone
Télécharger un projet entier depuis GitHub sur son PC.
git log
Voir l'historique de tous les commits du projet.
☁
Envoyer son code sur GitHub : push

Pour partager ton code en ligne, tu dois d'abord créer un dépÎt sur github.com, puis le connecter à ton projet local.

1
Va sur github.com et crée un compte gratuit.
2
Clique sur le bouton "New repository" (nouveau dépÎt). Donne-lui un nom.
3
GitHub t'affiche des commandes à copier dans ton terminal — colle-les !
4
Ensuite, Ă  chaque fois que tu veux mettre Ă  jour, tu fais git add . + git commit -m "..." + git push.
# Connecter son projet local Ă  GitHub (1 seule fois) $ git remote add origin https://github.com/tonpseudo/mon-site.git $ git push -u origin main Branch 'main' set up to track remote branch 'main' from 'origin'. # Ensuite, pour chaque mise Ă  jour : $ git add . $ git commit -m "Mise Ă  jour du footer" $ git push
âŹ‡ïž
Récupérer du code : pull & clone
git pull — rĂ©cupĂ©rer les mises Ă  jour

Si quelqu'un d'autre a modifié le projet sur GitHub, ou si tu travailles sur deux ordinateurs, git pull permet de récupérer les derniers changements :

# Récupérer les derniÚres mises à jour depuis GitHub $ git pull Updating 4f2a1b3..9c8d2e1 Fast-forward style.css | 5 ++++
git clone — tĂ©lĂ©charger un projet existant

Pour télécharger un projet GitHub sur ton PC (le tien ou celui de quelqu'un d'autre) :

# Cloner (télécharger) un projet depuis GitHub $ git clone https://github.com/utilisateur/nom-du-projet.git Cloning into 'nom-du-projet'... done. # Un dossier "nom-du-projet" est créé automatiquement ! $ cd nom-du-projet $ ls
💡clone = tĂ©lĂ©charger un projet pour la premiĂšre fois. pull = mettre Ă  jour un projet que tu as dĂ©jĂ  tĂ©lĂ©chargĂ©. Ce sont deux choses diffĂ©rentes !
✓
Le flux complet : du code Ă  GitHub

Voici la routine Ă  suivre Ă  chaque fois que tu travailles sur ton projet :

1
cd mon-projet — Se placer dans son dossier dans le terminal
2
git pull — RĂ©cupĂ©rer les Ă©ventuelles mises Ă  jour (si tu travailles en Ă©quipe)
3
✏ Modifier ses fichiers dans VS Code
4
git add . — PrĂ©parer tous les fichiers modifiĂ©s
5
git commit -m "Description courte" — CrĂ©er la sauvegarde
6
git push — Envoyer sur GitHub
🚀Avec juste ces 3 commandes — add, commit, push — tu peux dĂ©jĂ  travailler professionnellement sur tes projets ! Le reste viendra avec la pratique.

Tu connais les bases de Git ? Parfait ! 🎉
Mets en pratique avec les exercices !

Passer aux exercices Git →

Exercice 1 : identifier la bonne commande Git
Exercice 2 : remettre le flux Git dans l'ordre