Aller au contenu principal

Passer de branche en branche

Notions théoriques​

Aujourd'hui, nous allons explorer le concept de "branches".

Imaginez que vous êtes dans une forêt de code et que vous voulez essayer une nouvelle idée sans vous perdre. Vous créez une nouvelle branche pour votre idée, et vous pouvez toujours revenir sur le chemin principal si votre idée ne fonctionne pas.

C'est exactement ce que nous allons faire avec Git.

  1. Créer une nouvelle branche :

    Pour créer une nouvelle branche,

    utilisez la commande git branch nom_de_la_branche.

    Cela crée une nouvelle branche à partir de la branche actuelle.

  2. Passer à une autre branche :

    Pour passer à une autre branche,

    utilisez la commande git checkout nom_de_la_branche.

    Cela fait de nom_de_la_branche votre branche active.

  3. Fusionner une branche :

    Pour fusionner une branche dans la branche actuelle,

    utilisez la commande git merge nom_de_la_branche.

    Cela fusionne les modifications de nom_de_la_branche dans la branche actuelle.

  4. Supprimer une branche :

    Pour supprimer une branche,

    utilisez la commande git branch -d nom_de_la_branche.

    Cela supprime la branche spécifiée.

astuce

Pour créer une nouvelle branche et entrer dedans en un seule commande vous pouvez utiliser la commande git checkout -b nom_de_la_branche.

Test de mémorisation/compréhension​


Quelle commande permet de créer une nouvelle branche ?


Quelle commande permet de passer à une autre branche ?


Quelle commande permet de fusionner une branche dans la branche actuelle ?


Quelle commande permet de supprimer une branche ?


Que représentent les branches dans Git ?


TP pour réfléchir et résoudre des problèmes​

Dans ce TP, nous allons reprendre le site Web statique que vous avez créé.

Vous allez :

  • créer une nouvelle branche pour ajouter une nouvelle fonctionnalité à votre site,
  • faire des modifications dans cette branche,
  • puis fusionner cette branche dans la branche principale.
remarque

Votre objectif est d'ajouter une nouvelle page à votre site, de la styliser, et de suivre les modifications de ces fichiers avec Git.

  1. Assurez-vous que vous êtes dans la branche principale de votre dépôt avec la commande git checkout main.

  2. Créez une nouvelle branche nouvelle_page pour votre nouvelle fonctionnalité.

  3. Passez à votre nouvelle branche.

  4. Dans le dossier tp-git, créez un nouveau fichier page2.html et ajoutez du code HTML de base.

    Ajoutez un titre à votre page et un paragraphe de texte :

    <!DOCTYPE html>
    <html>
    <head>
        <title>Ma deuxième page</title>
        <link rel="stylesheet" type="text/css" href="styles.css">
    </head>
    <body>
        <h1>Bienvenue sur ma deuxième page</h1>
        <p>C'est une nouvelle page sur mon site minimaliste.</p>
    </body>
    </html>

  5. Ajoutez un lien dans votre fichier index.html pour accéder à votre nouvelle page.

  6. Modifiez votre fichier styles.css pour changer la couleur de fond de votre nouvelle page.

    body {
        background-color: lightgreen;
    }

  7. Ajoutez vos modifications à l'index.

  8. Committez vos modifications dans le dépôt.

  9. Revenez à la branche principale.

  10. Fusionnez la branche nouvelle_page dans la branche principale.

  11. Poussez vos modifications locales vers le dépôt distant.

  12. Vérifiez que votre projet Web est bien mis à jour sur GitHub.

Une solution