Les bases

Avec Owen, Eva et Rostand
“Maîtriser les commandes de base de Git, c’est comme apprendre à marcher avant de courir. C’est la base de tout travail sérieux en développement.”

---

Objectifs d’Apprentissage

1. Comprendre le cycle de vie des fichiers dans Git.
2. Maîtriser les commandes essentielles : git init, git add, git commit, git status.
3. Apprendre à ignorer des fichiers avec .gitignore.
4. Naviguer dans l’historique des commits avec git log.

---

Pourquoi Utiliser Git ?

Git est un système de contrôle de version qui permet de :

• Sauvegarder l’historique de ton projet.
• Annuler des changements si tu fais une erreur.
• Travailler en équipe sans écraser le code des autres.
• 🚀 Déployer ton application en toute sécurité.

Eva : “Donc Git, c’est comme un ‘Ctrl+Z’ géant ?”
Owen : “Mieux que ça, Eva. C’est un ‘Ctrl+Z’ intelligent, qui garde une trace de chaque modification, avec un commentaire.”

---

Commandes Fondamentales

Voici les 4 commandes que tu utiliseras tous les jours :

Commande	Rôle	Analogie
git init	Initialise un nouveau dépôt Git	“Créer un carnet de bord”
git add	Ajoute des fichiers à la prochaine sauvegarde	“Mettre les modifications dans le panier”
git commit	Sauvegarde les modifications avec un message	“Faire une sauvegarde nommée”
git status	Montre l’état des fichiers (modifiés, ajoutés, etc.)	“Voir ce qui est dans le panier”

---

🚀 Exemple Pratique : Créer Ton Premier Dépôt

Imaginons que tu crées un projet HTML simple.

# 1. Crée un dossier pour ton projet
mkdir mon-premier-site
cd mon-premier-site

# 2. Initialise Git
git init

👉 Git crée un dossier caché .git pour stocker l’historique.

# 3. Crée un fichier index.html
echo "<h1>Bonjour Devinsto !</h1>" > index.html

# 4. Vérifie l’état
git status

Sortie :

On branch main
No commits yet
Untracked files:
  (use "git add <file>..." to include in what will be committed)
        index.html

Rostand : “‘Untracked’ veut dire que Git voit le fichier, mais ne le suit pas encore. Il faut l’ajouter.”

# 5. Ajoute le fichier
git add index.html

# Ou ajoute tous les fichiers modifiés :
git add .

# 6. Vérifie à nouveau
git status

Sortie :

Changes to be committed:
  (use "git restore --staged <file>..." to unstage)
        new file:   index.html

👉 Le fichier est prêt à être “commité”.

# 7. Fais un commit avec un message clair
git commit -m "Ajoute la page d'accueil"

Sortie :

[main (root-commit) abc1234] Ajoute la page d'accueil
 1 file changed, 1 insertion(+)
 create mode 100644 index.html

✅ Félicitations ! Tu viens de faire ton premier commit.

---

Bonnes Pratiques pour les Messages de Commit

Un bon message de commit est :

• ✅ Clair : dit exactement ce qui a changé.
• ✅ Concis : pas trop long.
• ✅ Au présent ou infinitif (convention).

❌ Mauvais	✅ Bon
truc	Ajoute le header responsive
modif	Corrige un bug dans le formulaire de contact
commit	Met à jour la documentation README

Owen : “Un message de commit, c’est une note pour ton futur toi. Sois gentil avec toi-même.”

---

git status : Ton Allié Quotidien

Utilise git status avant chaque commit pour :

• Voir quels fichiers sont modifiés.
• Vérifier que tu n’oublies rien.
• Éviter d’ajouter des fichiers sensibles (mots de passe, etc.).

# Exemple de statut après modification
git status

Changes not staged for commit:
  (use "git add <file>..." to update what will be committed)
        modified:   index.html

👉 Tu dois faire git add avant git commit.

---

📁 Ignorer des Fichiers avec .gitignore

Certains fichiers ne doivent pas être suivis par Git (ex: fichiers temporaires, dépendances). Créez un fichier .gitignore pour les exclure.

Exemple de .gitignore :

node_modules/
*.log
.temp/

---

Exercice Pratique Guidé

Objectif : Créer un dépôt Git et pratiquer les commandes de base.

Étapes :

1. Créez un dossier devinsto-exo.
2. Initialisez Git.
3. Créez un fichier README.md avec du texte.
4. Ajoutez-le et faites un commit avec un bon message.
5. Modifiez le fichier, puis vérifiez avec git status.

---

Résumé des Commandes

Commande	Description
git init	Initialise un nouveau dépôt Git
git add <fichier>	Ajoute un fichier à la zone de préparation
git add .	Ajoute tous les fichiers modifiés
git commit -m "message"	Sauvegarde les changements avec un message
git status	Affiche l’état des fichiers

---