‫Instructeur : Dans cette vidéo,
‫nous allons mettre tout notre code sur GitHub, ou comme nous le disons
‫habituellement, nous le transmettons à une branche distante.
‫Pour commencer, rendez-vous sur github. com, et dès
‫que vous êtes connecté, cliquez
‫simplement ici sur ce bouton
‫plus et créez un nouveau référentiel.
‫Encore une fois, si la page est un peu
‫différente au moment où vous regardez
‫cette vidéo, recherchez simplement un nouveau référentiel quelque part sur la page.
‫D'accord, donc tout d'abord, vous devez donner un
‫nom au référentiel.
‫Je l'appelle donc natours ici,
‫ce qui n'est
‫pas possible pour moi car j'ai déjà un référentiel
‫natours, donc je l'appelle juste natours rec pour l'enregistrement, mais
‫vous pouvez simplement continuer et l'appeler natours.
‫Ensuite, nous pouvons également ajouter une description,
‫ce que je
‫ne vais pas faire, puis nous pouvons la définir sur public ou privé.
‫Je pense qu'en ce moment, même les comptes
‫gratuits peuvent avoir des dépôts privés.
‫Les dépôts privés, comme son nom
‫l'indique, vous seul pouvez voir et vous pouvez également inviter d'autres personnes.
‫Avec les repos publics, ils sont bien sûr
‫visibles par tous, et donc parfaits
‫pour le code open source.
‫Dans ce cas, je le laisse simplement
‫privé, puis je laisse tous ces paramètres par
‫défaut, et ici il est très important de
‫ne pas initialiser ce nouveau référentiel avec un fichier readme,
‫car cela créerait alors un conflit un peu plus tard.
‫Nous voulons vraiment que ce référentiel soit flambant
‫neuf et complètement vide ici sur GitHub.
‫Faire cela ici est
‫similaire à ce que nous avons fait auparavant localement avec git init.
‫La seule différence est
‫que cette fois, c'est vraiment
‫sur GitHub, c'est donc un référentiel distant maintenant.
‫Super.
‫Maintenant, le but ici est
‫de pousser tout notre code local dans ce référentiel distant, d'accord.
‫Pour pouvoir le faire,
‫nous devons informer notre référentiel local de
‫ce référentiel distant que nous venons de créer ici.
‫D'accord, donc en gros, nous devons en quelque sorte les connecter.
‫C'est exactement ce qui est défini ici.
‫Ce que nous voulons faire, c'est pousser un référentiel existant
‫à partir de la ligne de commande, et
‫donc allons de l'avant
‫et copiez ce code ici dans notre ligne de commande ici, d'accord.
‫Qu'est-ce que cela va faire?
‫Eh bien, il ajoutera une branche distante.
‫Remote signifie qu'il s'agit essentiellement d'une branche hébergée.
‫Et cette branche distante, ou vous pouvez
‫aussi l'appeler, ce référentiel distant, va s'appeler origin, et elle
‫se trouve dans cette URL ici, donc à
‫cet emplacement.
‫Alors appuyez sur Entrée et c'est tout.
‫Maintenant, ces deux référentiels sont fondamentalement connectés.
‫À ce stade, nous sommes prêts à faire git push,
‫qui consiste à copier notre code local
‫sur notre branche distante dans notre référentiel distant.
‫Ensuite le nom de
‫la branche distante qui est origin,
‫et puis le nom de la branche locale, qui est master, d'accord.
‫Alors git push origin master.
‫Appuyez sur retour, et cela devrait bien
‫sûr prendre un certain temps.
‫Maintenant, tout d'abord, il nous demande également notre nom d'utilisateur, qui n'est
‫que l'adresse e-mail, et vous
‫n'avez probablement plus besoin de le faire
‫car vous l'avez déjà spécifié, mais
‫je ne l'ai pas fait auparavant dans la vidéo, rappelez-vous cela, alors
‫faisons-le maintenant.
‫Au fait, parce que j'utilise un compte différent sur mon
‫ordinateur pour enregistrer ces cours, et donc je
‫n'utilise pas vraiment git ici, et
‫c'est la raison pour laquelle j'avais besoin de le faire.
‫Maintenant, de toute façon, il me demande maintenant mon mot de
‫passe, et donc écrivez votre mot de passe
‫ici, appuyez également sur Entrée, et alors
‫il devrait commencer à envoyer les données à votre branche distante.
‫Il fait ce travail maintenant.
‫Vous pouvez voir
‫toutes les statistiques, le nombre de fichiers, votre vitesse de
‫téléchargement et ce qui est déjà fait.
‫Très bien, donc je reviendrai une fois que ce sera fini.
‫D'accord. Et c'est tout.
‫Voyons maintenant cela ici sur GitHub.
‫Rechargeons, et en effet, c'est parti.
‫Et en effet, nous avons
‫ici tous les fichiers que nous venons d'ajouter à notre commit auparavant, d'accord.
‫Vous voyez que
‫tout cela dit ici commit initial,
‫puis ce fichier, app. js, où nous avons en
‫fait apporté quelques modifications, il est ensuite
‫indiqué d'ajouter un commentaire, qui était
‫le message de validation que nous avons utilisé pour
‫cette validation spécifique où nous n'avons validé que ce fichier.
‫Vous vous en souvenez ?
‫C'était donc en fait six minutes plus tard.
‫Super.
‫Jetons un coup d'œil à cela.
‫À quoi cela ressemble ici dans GitHub.
‫Oui, c'est tout notre code.
‫Joliment hébergé maintenant essentiellement à cet endroit, donc dans GitHub.
‫Vous voyez également que nos fichiers ignorés ne sont pas ici.
‫Le module de nœud et aussi le fichier de configuration,
‫donc exactement les fichiers que nous
‫ne voulons vraiment pas dans un référentiel, eh bien,
‫ils ne sont plus ici comme prévu.
‫Au fait, l'opération inverse de push que nous
‫venons de faire est l'opération de traction.
‫Imaginez donc que vous travaillez sur deux ordinateurs différents
‫et que vous souhaitez commencer à travailler sur
‫un ordinateur, puis continuer sur l'autre.
‫Pour ce faire, vous pouvez pousser le code
‫sur un ordinateur sur GitHub, puis sur l'autre, simplement le tirer.
‫Ce serait très simple.
‫La commande serait presque la même,
‫mais à la place git pull origin puis master, donc la branche dans
‫laquelle vous travaillez actuellement.
‫Je ne vais pas le faire
‫maintenant, mais à la place, je vais créer un fichier readme.
‫C'est un fichier très
‫standard que chaque référentiel devrait avoir.
‫Faisons ça ici.
‫La norme est vraiment, donc pas un dossier mais
‫un fichier, et encore une fois, la
‫norme est de l'appeler readme. md qui signifie démarque.
‫Ce fichier ici est écrit en markdown.
‫Utilisons ici ce symbole dièse pour ajouter
‫le titre principal.
‫Appelons cette application natours.
‫Ensuite, juste un paragraphe
‫ci-dessous qui a été construit à l'aide de technologies modernes.
‫Ce n'est pas vraiment correct, les technologies.
‫Node js, express, mongoDB, mongoose et ses amis disons.
‫Très bien, alors gardons ça maintenant.
‫Et si nous disons maintenant obtenir le
‫statut, vous devriez le voir comme un nouveau fichier, et en effet, le voici.
‫En fait, après avoir fermé et rouvert l'application de
‫code VS, cette partie de l'application a réellement
‫commencé à fonctionner.
‫Maintenant, vous voyez ici, que le readme. md apparaît
‫sous les modifications.
‫Il apparaît ici comme U, ce qui signifie non suivi.
‫D'accord, et comme je l'ai déjà mentionné,
‫vous pouvez le voir ici dans l'arborescence des fichiers.
‫C'est vert maintenant, d'accord,
‫et si vous changez, disons un autre fichier,
‫par exemple, enchaînant ici vers application.
‫Procurez-vous un coffre-fort, alors vous voyez ici ce M,
‫qui signifie modifié.
‫Il apparaît également ici.
‫Ici cette barre devient alors bleue car maintenant elle
‫est modifiée, il s'agit donc d'une modification
‫et non d'une insertion.
‫Avant c'était vert parce que j'ai inséré
‫du code et maintenant c'est bleu parce que j'ai modifié.
‫Ici, je peux aussi très facilement revenir en arrière.
‫Je veux annuler
‫les modifications, et vous voyez
‫que cela revient à ce qu'il était avant, d'accord.
‫Quoi qu'il en soit, ajoutons maintenant ce fichier à la zone de transit.
‫Git add, puis vous pouvez utiliser l'onglet pour la saisie
‫semi-automatique, comme toujours.
‫Ensuite, validons-le maintenant, donc git commit le message
‫a ajouté un fichier readme comme celui-ci.
‫Et maintenant, transférons-le également à notre branche distante, juste pour que nous puissions jeter
‫un œil à l'heure dans GitHub.
‫C'est git push origin master.
‫Jetons un coup d'œil à cela ici.
‫Et maintenant, vous voyez ici ce readme que nous venons de créer.
‫Vous verrez également que le message de
‫validation pour celui-ci a été ajouté un readme il y a une minute.
‫Très bien, super.
‫Voilà, ce sont les fondamentaux absolus que
‫je voulais vous montrer
‫dans cette conférence et la dernière sur git et aussi GitHub.
‫Très bien, maintenant une autre chose ici à propos de GitHub
‫est que plusieurs fois au démarrage de votre projet,
‫nous le faisons en fait dans l'autre sens.
‫Je crée d'abord le référentiel sur
‫GitHub et déjà avec un
‫fichier readme, puis après cela, je tire
‫ce référentiel sur mon ordinateur local, d'accord.
‫Cela connectera alors automatiquement
‫le référentiel local avec le référentiel distant.
‫Cela rend juste la configuration un peu plus facile.
‫Plusieurs fois, je le fais juste comme ça.
‫Mais bien sûr, la façon dont
‫je l'ai expliqué dans cette vidéo est aussi parfaitement bien.
‫En tout cas, j'espère que cela vous a été utile.
‫Dans la vidéo suivante,
‫nous allons commencer à préparer l'application
‫pour le déploiement car il y
‫a encore quelques petits changements à faire, donc
‫quelques modifications, afin d'être vraiment prêt à déployer l'application.