TW3 — Technologies du Web 3

Exercice — Workflow d'une fonctionnalité avec Git

Mettez en pratique Git en isolant une fonctionnalité dans une branche, en committant proprement, puis en ouvrant une pull request.

Objectif : partir d'un dépôt, créer une branche dédiée pour une fonctionnalité, faire des commits atomiques, puis ouvrir une pull request. Vous pratiquez init, branch, commit, push et le travail collaboratif.

📚 Apport3′

Le projet : une feature isolée

Dans votre dépôt fil rouge projet-fil-rouge-tw3 (branche session-01), créez une branche feature/contact, ajoutez une page contact.html, commitez en plusieurs étapes logiques, puis poussez et ouvrez une PR vers main.

1. Initialiser

git init, configurez user.name/user.email, premier commit. Créez ensuite un dépôt distant vide (GitHub/GitLab) nommé projet-fil-rouge-tw3 et liez-le avec git remote add origin <url_du_dépôt>.

2. Créer la branche

git checkout -b feature/contact (ou git switch -c).

3. Commits atomiques

Un commit par changement logique (« ajout structure contact », « ajout formulaire », « style »).

4. Pousser et ouvrir une PR

git push -u origin feature/contact, puis PR via GitHub/GitLab.

Commandes complètes

git init projet-fil-rouge-tw3 && cd projet-fil-rouge-tw3
git config user.name "Alice"
git config user.email "alice@x.fr"

echo "# Projet fil rouge TW3" > README.md
git add README.md
git commit -m "init: projet fil rouge tw3"

# Lier le dépôt local à un dépôt distant créé au préalable sur GitHub/GitLab
git remote add origin <url_du_dépôt>
git push -u origin main

git switch -c feature/contact
# ... créer contact.html ...
git add contact.html
git commit -m "feat: page de contact avec formulaire"

git push -u origin feature/contact
# Ouvrir la PR sur GitHub/GitLab vers main
🛠️ Atelier8′

Bonnes pratiques à appliquer

  • Messages de commit au présent (« ajoute », « corrige »), préfixés d'un type (feat:, fix:, docs:)
  • Chaque commit doit être cohérent et testable
  • Pousser régulièrement vos branches vers le dépôt distant
🏋️ Exercice4′

✅ Critères de réussite

  • Branche feature/contact créée et utilisée
  • Au moins 2 commits atomiques et bien nommés
  • Branche poussée avec -u origin
  • PR ouverte vers main
🎯 Synthèse0′

🎯 Synthèse

Git suit l'historique complet du projet et rend le travail collaboratif sûr. Dans le projet fil rouge (branche session-01), ce chapitre crée le dépôt et le premier commit.

Git

Terminez le quiz du chapitre pour le marquer comme complété.

Tableau de bord

On this page