Ce dépôt contient une série d'exercices pratiques pour apprendre à utiliser Git et GitHub dans un projet front-end.

• Avoir Git installé
• Avoir un compte GitHub
• Avoir un éditeur de code (comme VS Code)

1. Crée un dossier mon-premier-projet.

2. Initialise Git :

   git init

3. Crée un fichier index.html avec un squelette HTML.

4. Vérifie l’état :

   git status

5. Ajoute tous les fichiers :

   git add .

6. Fais un premier commit :

   git commit -m "Initial commit avec fichier HTML"

1. Crée un dépôt vide sur GitHub.

2. Ajoute le dépôt distant :

   git remote add origin https://github.com/ton-utilisateur/mon-premier-projet.git

3. Envoie les fichiers :

   git push -u origin main

1. Ajoute style.css et un <h1> dans index.html.

2. Ajoute, commit et push :

   git add .
   git commit -m "Ajout du style et d’un titre"
   git push

1. Crée une branche :

   git checkout -b ajout-navbar

2. Ajoute une navbar dans index.html et commit.

3. Reviens sur main :

   git checkout main

4. Fusionne la branche :

   git merge ajout-navbar
   git push

1. Forke un dépôt sur GitHub.

2. Clone ton fork :

   git clone https://github.com/ton-utilisateur/depot-forke.git

3. Crée une branche ajout-footer, fais un commit.

4. Push la branche :

   git push origin ajout-footer

5. Crée une Pull Request via GitHub.

Dans le fichier index.html, vous verrez une ligne comme celle-ci :

<h1>Ceci est le fichier HTML de : [Prénom Nom]</h1>

Chaque apprenant doit remplacer [Prénom Nom] par son propre nom et prénom.

Ensuite :

1. Crée une branche :

   git checkout -b modification-nom

2. Modifie la ligne avec ton propre nom et fais un commit.

3. Reviens sur main, modifie aussi ce fichier (par exemple en changeant ton nom encore une fois).

4. Tente une fusion :

   git merge modification-nom

Git pourrait détecter un conflit. Résous-le en gardant la version correcte, puis :

git add .
git commit -m "Résolution de conflit dans index.html"

• Crée plusieurs branches (ajout-navbar, ajout-footer, refacto-css) et travaille dessus en parallèle.

• Utilise git stash pour mettre ton travail temporairement de côté :

  git stash
  git stash pop

• Visualise l'historique sous forme de graphe :

  git log --oneline --graph --all

• Explore un ancien commit :

  git checkout <id_du_commit>
  git switch main

💭 Conseil : pour simuler une vraie collaboration, faites cet exercice à deux, en modifiant la même ligne sur vos propres branches avant de faire une Pull Request.

Bon apprentissage !