Frontend Academy · Leçon

Branches : branch, checkout et merge

Créez des branches de fonctionnalité, passez de l’une à l’autre, fusionnez-les dans main et résolvez des conflits de fusion simples.

Branches : branch, checkout et merge est une leçon Frontend Academy gratuite sur CoddyKit. Ceci est la leçon 2 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Frontend Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Frontend Academy comprend 4 leçons au total.

Pourquoi utiliser des branches ?

Les branches permettent de développer plusieurs fonctionnalités et corrections de bogues en parallèle, sans qu'elles interfèrent entre elles. Main (ou master) reste stable, tandis que le travail en cours se trouve dans des branches de fonctionnalité.

Lister et créer des branches

git branch répertorie les branches. git branch name crée une nouvelle branche. La nouvelle branche part du commit actuel.

git branch             # list all branches
git branch feature/auth # create a new branch
git branch -d feature/auth # delete merged branch

Changer de branche

git checkout branchname bascule vers une branche existante. git checkout -b branchname crée une branche et y bascule en une seule étape. L'équivalent moderne est git switch.

git checkout main           # switch to main
git checkout feature/auth   # switch to existing branch
git checkout -b hotfix/nav  # create + switch

# Modern (git 2.23+):
git switch main
git switch -c feature/auth

Flux de travail classique avec les branches

1) Basculez vers main. 2) Récupérez les dernières modifications. 3) Créez une branche de fonctionnalité. 4) Effectuez vos commits. 5) Fusionnez-la à nouveau avec main. 6) Supprimez la branche de fonctionnalité.

git switch main
git pull
git switch -c feature/dark-mode
# ... make commits ...
git switch main
git merge feature/dark-mode
git branch -d feature/dark-mode

Fusionner des branches

git merge branchname intègre les modifications de la branche indiquée à la branche actuelle. Git tente d'effectuer la fusion automatiquement. Une fusion en avance rapide se produit lorsque l'historique ne présente aucune divergence.

git switch main
git merge feature/auth
# Fast-forward: no merge commit if history is linear

Commits de fusion

Lorsque les deux branches ont divergé, Git crée un commit de fusion qui possède deux commits parents. Cela préserve l'historique complet des deux lignes de développement.

Conflits de fusion

Lorsque le même fichier a été modifié dans les deux branches, Git ne peut pas effectuer la fusion automatiquement et signale le conflit. Modifiez le fichier pour le résoudre, puis effectuez un commit.

<<<<<<< HEAD
const COLOR = 'blue';
=======
const COLOR = 'red';
>>>>>>> feature/theming

// After resolving:
const COLOR = 'navy'; // your decision

git add styles.css
git commit

git rebase — Historique linéaire

git rebase main réapplique les commits de votre branche au-dessus du dernier commit de main, créant un historique linéaire sans commits de fusion. Utilisez-le pour les branches de fonctionnalité avant leur fusion ; évitez de rebaser les branches partagées.

git switch feature/auth
git rebase main  # replay commits on top of current main

HEAD — Où vous vous trouvez

HEAD est un pointeur vers l'extrémité de la branche actuelle (ou vers un commit précis dans l'état HEAD détaché). git log affiche la position de HEAD. HEAD~1 désigne le commit précédent et HEAD~3, celui qui se trouve trois commits auparavant.

Mettre de côté le travail en cours

git stash enregistre les modifications non validées et rétablit un arbre de travail propre. Utilisez-le lorsque vous devez changer de branche sans valider un travail incomplet. git stash pop les restaure.

git stash           # save WIP
git switch hotfix/urgent
# ... fix and commit ...
git switch feature/auth
git stash pop       # restore WIP

Conventions de nommage des branches

Exemples courants : feature/feature-name, fix/bug-description, hotfix/critical-fix, chore/dependency-update. Un nommage cohérent rend la liste des branches lisible.

Vérification rapide

Quelle commande crée une nouvelle branche et y bascule en une seule étape ?

Récapitulatif : les branches Git

git branch crée des branches. git checkout/switch permet de changer de branche. git merge intègre les modifications. Résolvez les conflits en modifiant les blocs de marqueurs. git stash enregistre le WIP. Utilisez git rebase pour obtenir un historique linéaire. Utilisez des branches de fonctionnalité pour tout nouveau travail et gardez main stable. Supprimez les branches fusionnées pour conserver une liste claire.

Questions Fréquemment Posées

La leçon « Branches : branch, checkout et merge » est-elle gratuite ?

Oui — le texte complet de « Branches : branch, checkout et merge » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Frontend Academy, passe à CoddyKit PRO. Le cours Frontend Academy comprend 4 leçons au total.

Qu'est-ce que j'apprendrai dans « Branches : branch, checkout et merge » ?

Créez des branches de fonctionnalité, passez de l’une à l’autre, fusionnez-les dans main et résolvez des conflits de fusion simples. Tu pratiques Frontend Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.

Dois-je avoir de l'expérience pour commencer Frontend Academy ?

Aucune expérience préalable n'est requise. Frontend Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 2 sur 4.

Combien de temps prend la leçon « Branches : branch, checkout et merge » ?

La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.

Peux-tu écrire et exécuter du code dans cette leçon Frontend Academy ?

Oui. Chaque leçon Frontend Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.

Toutes les leçons de ce cours

← Retour à Frontend Academy