Initiation à Git et GitHub

Publié le
Partager

Vous avez envie de vous lancer dans le développement web, mais vous ne savez pas comment gérer vos projets, collaborer avec d’autres développeurs, ou sauvegarder vos fichiers ? Pas de panique, il existe des outils très pratiques pour vous aider : Git et GitHub. 😊

Dans cet article, je vais vous expliquer ce que sont Git et GitHub, à quoi ils servent, et comment les utiliser. Vous verrez que ces outils sont indispensables pour tout développeur web qui se respecte. Prêt à devenir un pro du code ? Alors suivez le guide ! 🚀

Qu’est-ce que Git ?

Git est un logiciel de gestion de versions. Cela signifie qu’il permet de garder une trace de l’historique des modifications apportées à un ensemble de fichiers, appelé dépôt ou repository. Ainsi, vous pouvez revenir à une version antérieure de votre projet, comparer les différences entre les versions, ou créer des branches pour travailler sur des fonctionnalités spécifiques sans affecter le code principal.

Git est un logiciel distribué, ce qui veut dire que chaque développeur dispose d’une copie locale du dépôt sur son ordinateur. Il peut donc travailler sur son code sans avoir besoin d’une connexion internet, et synchroniser ses modifications avec le dépôt distant quand il le souhaite.

Git est un logiciel gratuit et open source, ce qui signifie que vous pouvez l’utiliser librement et consulter son code source. Il est compatible avec la plupart des systèmes d’exploitation, comme Windows, Mac OS ou Linux.

Qu’est-ce que GitHub ?

GitHub est une plateforme web qui héberge des dépôts Git. Elle permet de stocker vos projets en ligne, de les partager avec d’autres développeurs, et de profiter de nombreuses fonctionnalités comme :

  • La visualisation de l’historique, des branches, des commits et des différences entre les versions.
  • La collaboration avec d’autres développeurs grâce aux issues, aux pull requests, aux forks, aux reviews, etc.
  • La documentation de vos projets grâce aux fichiers README, aux wikis, aux pages web, etc.
  • L’intégration avec d’autres services web comme Heroku, Travis CI, CodePen, etc.

GitHub est la plateforme la plus populaire pour héberger des projets Git, mais il en existe d’autres comme GitLab, Bitbucket, ou SourceForge.

Comment installer Git ?

Pour installer Git sur votre ordinateur, il vous suffit de suivre les étapes suivantes :

  • Rendez-vous sur le site officiel de Git : https://git-scm.com/
  • Téléchargez la version correspondant à votre système d’exploitation.
  • Exécutez le fichier téléchargé et suivez les instructions d’installation.
  • Ouvrez un terminal (ou une invite de commandes) et tapez la commande git --version pour vérifier que Git est bien installé.

Comment utiliser Git et GitHub ?

Maintenant que vous avez installé Git et créé un compte GitHub, vous êtes prêt à utiliser ces outils pour gérer vos projets web. Voici les étapes à suivre :

1. Créer un dépôt

Un dépôt est un ensemble de fichiers liés à un projet. Vous pouvez créer un dépôt sur votre ordinateur ou sur GitHub.

Pour créer un dépôt sur votre ordinateur :

  • Créez un dossier pour votre projet (par exemple “mon-projet”).
  • Ouvrez un terminal et déplacez-vous dans ce dossier avec la commande cd mon-projet.
  • Tapez la commande git init pour initialiser le dépôt Git.

Pour créer un dépôt sur GitHub :

  • Connectez-vous à votre compte GitHub.
  • Cliquez sur le bouton “New” en haut à gauche.
  • Donnez un nom à votre dépôt (par exemple “mon-projet”).
  • Choisissez si vous voulez le rendre public ou privé.
  • Cochez la case “Add a README file” si vous voulez ajouter un fichier de présentation de votre projet.
  • Cliquez sur le bouton “Create repository”.

2. Ajouter des fichiers

Une fois que vous avez créé votre dépôt, vous pouvez y ajouter des fichiers. Par exemple, vous pouvez créer un fichier HTML, un fichier CSS, ou un fichier JavaScript pour votre projet web.

Pour ajouter des fichiers à votre dépôt sur votre ordinateur :

  • Créez ou modifiez les fichiers dans le dossier de votre projet (par exemple “index.html”, “style.css”, “script.js”).
  • Ouvrez un terminal et déplacez-vous dans le dossier de votre projet avec la commande cd mon-projet.
  • Tapez la commande git status pour voir l’état de votre dépôt. Vous verrez les fichiers qui ont été modifiés ou créés en rouge.
  • Tapez la commande git add . pour ajouter tous les fichiers à l’index. L’index est une zone intermédiaire entre votre dépôt local et le dépôt distant. Vous verrez les fichiers qui ont été ajoutés en vert.
  • Tapez la commande git commit -m "message" pour enregistrer les modifications dans le dépôt local. Le message doit être une phrase courte qui décrit les modifications apportées.

Pour ajouter des fichiers à votre dépôt sur GitHub :

  • Connectez-vous à votre compte GitHub.
  • Cliquez sur le nom de votre dépôt (par exemple “mon-projet”).
  • Cliquez sur le bouton “Add file” en haut à droite.
  • Choisissez si vous voulez créer un nouveau fichier ou télécharger un fichier existant.
  • Donnez un nom à votre fichier (par exemple “index.html”, “style.css”, “script.js”).
  • Écrivez ou collez le contenu de votre fichier dans l’éditeur.
  • Tapez un message qui décrit les modifications apportées dans le champ “Commit new file”.
  • Cliquez sur le bouton “Commit changes”.

3. Pousser les modifications

Si vous avez créé ou modifié des fichiers sur votre ordinateur, vous devez les pousser (ou push) sur GitHub pour les synchroniser avec le dépôt distant. Ainsi, vous pourrez accéder à vos fichiers depuis n’importe quel ordinateur, les partager avec d’autres développeurs, ou profiter des fonctionnalités de GitHub.

Pour pousser les modifications sur GitHub :

  • Ouvrez un terminal et déplacez-vous dans le dossier de votre projet avec la commande cd mon-projet.
  • Tapez la commande git remote add origin https://github.com/votre-nom-d-utilisateur/mon-projet.git pour lier votre dépôt local au dépôt distant. Remplacez “votre-nom-d-utilisateur” par votre nom d’utilisateur GitHub et “mon-projet” par le nom de votre dépôt.
  • Tapez la commande git push -u origin main pour pousser les modifications sur la branche principale (main) du dépôt distant (origin). Vous devrez peut-être entrer votre nom d’utilisateur et votre mot de passe GitHub.

4. Tirer les modifications

Si vous avez créé ou modifié des fichiers sur GitHub, vous devez les tirer (ou pull) sur votre ordinateur pour les synchroniser avec le dépôt local. Ainsi, vous pourrez continuer à travailler sur vos fichiers avec vos outils préférés, comme votre éditeur de code ou votre navigateur web.

Pour tirer les modifications sur votre ordinateur :

  • Ouvrez un terminal et déplacez-vous dans le dossier de votre projet avec la commande cd mon-projet.
  • Tapez la commande git pull origin main pour tirer les modifications depuis la branche principale (main) du dépôt distant (origin).

Conclusion

Vous avez appris ce que sont Git et GitHub, à quoi ils servent, et comment les utiliser. Vous êtes maintenant capable de gérer vos projets web comme un pro, en gardant une trace de vos modifications, en collaborant avec d’autres développeurs, et en profitant des fonctionnalités de GitHub. 👏


Partager