1
00:00:01,130 --> 00:00:02,910
‫Instructeur : Dans cette vidéo,

2
00:00:02,910 --> 00:00:06,840
‫nous allons mettre tout notre code sur GitHub, ou comme nous le disons

3
00:00:06,840 --> 00:00:09,263
‫habituellement, nous le transmettons à une branche distante.

4
00:00:11,130 --> 00:00:14,300
‫Pour commencer, rendez-vous sur github. com, et dès

5
00:00:14,300 --> 00:00:16,210
‫que vous êtes connecté, cliquez

6
00:00:16,210 --> 00:00:18,340
‫simplement ici sur ce bouton

7
00:00:18,340 --> 00:00:20,790
‫plus et créez un nouveau référentiel.

8
00:00:20,790 --> 00:00:23,460
‫Encore une fois, si la page est un peu

9
00:00:23,460 --> 00:00:25,500
‫différente au moment où vous regardez

10
00:00:25,500 --> 00:00:28,913
‫cette vidéo, recherchez simplement un nouveau référentiel quelque part sur la page.

11
00:00:30,140 --> 00:00:33,740
‫D'accord, donc tout d'abord, vous devez donner un

12
00:00:33,740 --> 00:00:35,433
‫nom au référentiel.

13
00:00:36,520 --> 00:00:38,720
‫Je l'appelle donc natours ici,

14
00:00:38,720 --> 00:00:40,160
‫ce qui n'est

15
00:00:40,160 --> 00:00:43,330
‫pas possible pour moi car j'ai déjà un référentiel

16
00:00:43,330 --> 00:00:47,200
‫natours, donc je l'appelle juste natours rec pour l'enregistrement, mais

17
00:00:47,200 --> 00:00:49,703
‫vous pouvez simplement continuer et l'appeler natours.

18
00:00:50,830 --> 00:00:53,010
‫Ensuite, nous pouvons également ajouter une description,

19
00:00:53,010 --> 00:00:54,200
‫ce que je

20
00:00:54,200 --> 00:00:57,940
‫ne vais pas faire, puis nous pouvons la définir sur public ou privé.

21
00:00:57,940 --> 00:01:00,370
‫Je pense qu'en ce moment, même les comptes

22
00:01:00,370 --> 00:01:02,623
‫gratuits peuvent avoir des dépôts privés.

23
00:01:03,600 --> 00:01:05,860
‫Les dépôts privés, comme son nom

24
00:01:05,860 --> 00:01:10,140
‫l'indique, vous seul pouvez voir et vous pouvez également inviter d'autres personnes.

25
00:01:10,140 --> 00:01:12,540
‫Avec les repos publics, ils sont bien sûr

26
00:01:12,540 --> 00:01:14,520
‫visibles par tous, et donc parfaits

27
00:01:14,520 --> 00:01:16,283
‫pour le code open source.

28
00:01:17,128 --> 00:01:19,700
‫Dans ce cas, je le laisse simplement

29
00:01:19,700 --> 00:01:22,460
‫privé, puis je laisse tous ces paramètres par

30
00:01:22,460 --> 00:01:25,090
‫défaut, et ici il est très important de

31
00:01:25,090 --> 00:01:28,320
‫ne pas initialiser ce nouveau référentiel avec un fichier readme,

32
00:01:28,320 --> 00:01:31,500
‫car cela créerait alors un conflit un peu plus tard.

33
00:01:31,500 --> 00:01:33,910
‫Nous voulons vraiment que ce référentiel soit flambant

34
00:01:33,910 --> 00:01:36,183
‫neuf et complètement vide ici sur GitHub.

35
00:01:38,680 --> 00:01:40,070
‫Faire cela ici est

36
00:01:40,070 --> 00:01:43,520
‫similaire à ce que nous avons fait auparavant localement avec git init.

37
00:01:43,520 --> 00:01:45,360
‫La seule différence est

38
00:01:45,360 --> 00:01:47,290
‫que cette fois, c'est vraiment

39
00:01:47,290 --> 00:01:50,040
‫sur GitHub, c'est donc un référentiel distant maintenant.

40
00:01:50,040 --> 00:01:51,020
‫Super.

41
00:01:51,020 --> 00:01:53,380
‫Maintenant, le but ici est

42
00:01:53,380 --> 00:01:58,080
‫de pousser tout notre code local dans ce référentiel distant, d'accord.

43
00:01:58,080 --> 00:01:59,890
‫Pour pouvoir le faire,

44
00:01:59,890 --> 00:02:02,670
‫nous devons informer notre référentiel local de

45
00:02:02,670 --> 00:02:06,290
‫ce référentiel distant que nous venons de créer ici.

46
00:02:06,290 --> 00:02:10,160
‫D'accord, donc en gros, nous devons en quelque sorte les connecter.

47
00:02:10,160 --> 00:02:12,743
‫C'est exactement ce qui est défini ici.

48
00:02:12,743 --> 00:02:15,830
‫Ce que nous voulons faire, c'est pousser un référentiel existant

49
00:02:15,830 --> 00:02:18,710
‫à partir de la ligne de commande, et

50
00:02:18,710 --> 00:02:20,180
‫donc allons de l'avant

51
00:02:21,740 --> 00:02:25,579
‫et copiez ce code ici dans notre ligne de commande ici, d'accord.

52
00:02:25,579 --> 00:02:28,370
‫Qu'est-ce que cela va faire?

53
00:02:28,370 --> 00:02:32,150
‫Eh bien, il ajoutera une branche distante.

54
00:02:32,150 --> 00:02:36,080
‫Remote signifie qu'il s'agit essentiellement d'une branche hébergée.

55
00:02:36,080 --> 00:02:38,700
‫Et cette branche distante, ou vous pouvez

56
00:02:38,700 --> 00:02:42,750
‫aussi l'appeler, ce référentiel distant, va s'appeler origin, et elle

57
00:02:42,750 --> 00:02:45,970
‫se trouve dans cette URL ici, donc à

58
00:02:45,970 --> 00:02:47,073
‫cet emplacement.

59
00:02:47,970 --> 00:02:51,480
‫Alors appuyez sur Entrée et c'est tout.

60
00:02:51,480 --> 00:02:54,100
‫Maintenant, ces deux référentiels sont fondamentalement connectés.

61
00:02:54,100 --> 00:02:58,990
‫À ce stade, nous sommes prêts à faire git push,

62
00:02:58,990 --> 00:03:02,630
‫qui consiste à copier notre code local

63
00:03:02,630 --> 00:03:06,560
‫sur notre branche distante dans notre référentiel distant.

64
00:03:06,560 --> 00:03:08,580
‫Ensuite le nom de

65
00:03:09,780 --> 00:03:11,950
‫la branche distante qui est origin,

66
00:03:11,950 --> 00:03:16,420
‫et puis le nom de la branche locale, qui est master, d'accord.

67
00:03:16,420 --> 00:03:19,160
‫Alors git push origin master.

68
00:03:19,160 --> 00:03:21,770
‫Appuyez sur retour, et cela devrait bien

69
00:03:21,770 --> 00:03:23,750
‫sûr prendre un certain temps.

70
00:03:23,750 --> 00:03:27,660
‫Maintenant, tout d'abord, il nous demande également notre nom d'utilisateur, qui n'est

71
00:03:27,660 --> 00:03:29,610
‫que l'adresse e-mail, et vous

72
00:03:29,610 --> 00:03:31,910
‫n'avez probablement plus besoin de le faire

73
00:03:31,910 --> 00:03:33,870
‫car vous l'avez déjà spécifié, mais

74
00:03:33,870 --> 00:03:37,943
‫je ne l'ai pas fait auparavant dans la vidéo, rappelez-vous cela, alors

75
00:03:39,180 --> 00:03:40,263
‫faisons-le maintenant.

76
00:03:41,420 --> 00:03:44,260
‫Au fait, parce que j'utilise un compte différent sur mon

77
00:03:44,260 --> 00:03:46,760
‫ordinateur pour enregistrer ces cours, et donc je

78
00:03:46,760 --> 00:03:48,870
‫n'utilise pas vraiment git ici, et

79
00:03:48,870 --> 00:03:51,740
‫c'est la raison pour laquelle j'avais besoin de le faire.

80
00:03:51,740 --> 00:03:55,100
‫Maintenant, de toute façon, il me demande maintenant mon mot de

81
00:03:55,100 --> 00:03:57,710
‫passe, et donc écrivez votre mot de passe

82
00:03:57,710 --> 00:04:00,090
‫ici, appuyez également sur Entrée, et alors

83
00:04:00,090 --> 00:04:03,453
‫il devrait commencer à envoyer les données à votre branche distante.

84
00:04:04,820 --> 00:04:06,260
‫Il fait ce travail maintenant.

85
00:04:06,260 --> 00:04:07,880
‫Vous pouvez voir

86
00:04:07,880 --> 00:04:11,930
‫toutes les statistiques, le nombre de fichiers, votre vitesse de

87
00:04:11,930 --> 00:04:14,760
‫téléchargement et ce qui est déjà fait.

88
00:04:14,760 --> 00:04:17,503
‫Très bien, donc je reviendrai une fois que ce sera fini.

89
00:04:20,370 --> 00:04:22,330
‫D'accord. Et c'est tout.

90
00:04:22,330 --> 00:04:25,453
‫Voyons maintenant cela ici sur GitHub.

91
00:04:26,500 --> 00:04:29,753
‫Rechargeons, et en effet, c'est parti.

92
00:04:32,410 --> 00:04:34,630
‫Et en effet, nous avons

93
00:04:34,630 --> 00:04:39,210
‫ici tous les fichiers que nous venons d'ajouter à notre commit auparavant, d'accord.

94
00:04:39,210 --> 00:04:40,770
‫Vous voyez que

95
00:04:40,770 --> 00:04:43,568
‫tout cela dit ici commit initial,

96
00:04:43,568 --> 00:04:46,990
‫puis ce fichier, app. js, où nous avons en

97
00:04:46,990 --> 00:04:49,300
‫fait apporté quelques modifications, il est ensuite

98
00:04:49,300 --> 00:04:51,220
‫indiqué d'ajouter un commentaire, qui était

99
00:04:51,220 --> 00:04:53,760
‫le message de validation que nous avons utilisé pour

100
00:04:53,760 --> 00:04:56,680
‫cette validation spécifique où nous n'avons validé que ce fichier.

101
00:04:56,680 --> 00:04:57,980
‫Vous vous en souvenez ?

102
00:04:57,980 --> 00:05:01,330
‫C'était donc en fait six minutes plus tard.

103
00:05:01,330 --> 00:05:02,640
‫Super.

104
00:05:02,640 --> 00:05:03,970
‫Jetons un coup d'œil à cela.

105
00:05:03,970 --> 00:05:06,992
‫À quoi cela ressemble ici dans GitHub.

106
00:05:06,992 --> 00:05:10,230
‫Oui, c'est tout notre code.

107
00:05:10,230 --> 00:05:14,243
‫Joliment hébergé maintenant essentiellement à cet endroit, donc dans GitHub.

108
00:05:15,100 --> 00:05:18,900
‫Vous voyez également que nos fichiers ignorés ne sont pas ici.

109
00:05:18,900 --> 00:05:22,600
‫Le module de nœud et aussi le fichier de configuration,

110
00:05:22,600 --> 00:05:25,160
‫donc exactement les fichiers que nous

111
00:05:25,160 --> 00:05:28,184
‫ne voulons vraiment pas dans un référentiel, eh bien,

112
00:05:28,184 --> 00:05:30,860
‫ils ne sont plus ici comme prévu.

113
00:05:30,860 --> 00:05:33,950
‫Au fait, l'opération inverse de push que nous

114
00:05:33,950 --> 00:05:37,000
‫venons de faire est l'opération de traction.

115
00:05:37,000 --> 00:05:39,940
‫Imaginez donc que vous travaillez sur deux ordinateurs différents

116
00:05:39,940 --> 00:05:42,610
‫et que vous souhaitez commencer à travailler sur

117
00:05:42,610 --> 00:05:45,030
‫un ordinateur, puis continuer sur l'autre.

118
00:05:45,030 --> 00:05:47,770
‫Pour ce faire, vous pouvez pousser le code

119
00:05:47,770 --> 00:05:51,093
‫sur un ordinateur sur GitHub, puis sur l'autre, simplement le tirer.

120
00:05:52,290 --> 00:05:53,693
‫Ce serait très simple.

121
00:05:54,730 --> 00:05:57,060
‫La commande serait presque la même,

122
00:05:57,060 --> 00:06:01,573
‫mais à la place git pull origin puis master, donc la branche dans

123
00:06:03,263 --> 00:06:04,920
‫laquelle vous travaillez actuellement.

124
00:06:04,920 --> 00:06:06,710
‫Je ne vais pas le faire

125
00:06:06,710 --> 00:06:09,450
‫maintenant, mais à la place, je vais créer un fichier readme.

126
00:06:09,450 --> 00:06:11,560
‫C'est un fichier très

127
00:06:11,560 --> 00:06:13,693
‫standard que chaque référentiel devrait avoir.

128
00:06:15,210 --> 00:06:16,283
‫Faisons ça ici.

129
00:06:17,260 --> 00:06:20,790
‫La norme est vraiment, donc pas un dossier mais

130
00:06:20,790 --> 00:06:23,950
‫un fichier, et encore une fois, la

131
00:06:23,950 --> 00:06:28,950
‫norme est de l'appeler readme. md qui signifie démarque.

132
00:06:30,079 --> 00:06:32,138
‫Ce fichier ici est écrit en markdown.

133
00:06:32,138 --> 00:06:35,540
‫Utilisons ici ce symbole dièse pour ajouter

134
00:06:35,540 --> 00:06:37,113
‫le titre principal.

135
00:06:38,650 --> 00:06:43,310
‫Appelons cette application natours.

136
00:06:43,310 --> 00:06:45,640
‫Ensuite, juste un paragraphe

137
00:06:45,640 --> 00:06:50,037
‫ci-dessous qui a été construit à l'aide de technologies modernes.

138
00:06:52,000 --> 00:06:54,033
‫Ce n'est pas vraiment correct, les technologies.

139
00:06:56,845 --> 00:07:01,845
‫Node js, express, mongoDB, mongoose et ses amis disons.

140
00:07:09,810 --> 00:07:14,730
‫Très bien, alors gardons ça maintenant.

141
00:07:14,730 --> 00:07:17,270
‫Et si nous disons maintenant obtenir le

142
00:07:17,270 --> 00:07:21,690
‫statut, vous devriez le voir comme un nouveau fichier, et en effet, le voici.

143
00:07:21,690 --> 00:07:24,800
‫En fait, après avoir fermé et rouvert l'application de

144
00:07:24,800 --> 00:07:27,860
‫code VS, cette partie de l'application a réellement

145
00:07:27,860 --> 00:07:29,100
‫commencé à fonctionner.

146
00:07:29,100 --> 00:07:32,840
‫Maintenant, vous voyez ici, que le readme. md apparaît

147
00:07:32,840 --> 00:07:34,870
‫sous les modifications.

148
00:07:34,870 --> 00:07:38,590
‫Il apparaît ici comme U, ce qui signifie non suivi.

149
00:07:38,590 --> 00:07:40,950
‫D'accord, et comme je l'ai déjà mentionné,

150
00:07:40,950 --> 00:07:43,703
‫vous pouvez le voir ici dans l'arborescence des fichiers.

151
00:07:44,947 --> 00:07:46,870
‫C'est vert maintenant, d'accord,

152
00:07:46,870 --> 00:07:49,513
‫et si vous changez, disons un autre fichier,

153
00:07:51,500 --> 00:07:53,683
‫par exemple, enchaînant ici vers application.

154
00:07:54,680 --> 00:07:57,940
‫Procurez-vous un coffre-fort, alors vous voyez ici ce M,

155
00:07:57,940 --> 00:07:59,563
‫qui signifie modifié.

156
00:08:00,949 --> 00:08:02,657
‫Il apparaît également ici.

157
00:08:02,657 --> 00:08:05,690
‫Ici cette barre devient alors bleue car maintenant elle

158
00:08:05,690 --> 00:08:08,290
‫est modifiée, il s'agit donc d'une modification

159
00:08:08,290 --> 00:08:09,860
‫et non d'une insertion.

160
00:08:09,860 --> 00:08:12,950
‫Avant c'était vert parce que j'ai inséré

161
00:08:12,950 --> 00:08:17,000
‫du code et maintenant c'est bleu parce que j'ai modifié.

162
00:08:17,000 --> 00:08:18,963
‫Ici, je peux aussi très facilement revenir en arrière.

163
00:08:20,800 --> 00:08:22,343
‫Je veux annuler

164
00:08:23,360 --> 00:08:25,090
‫les modifications, et vous voyez

165
00:08:25,090 --> 00:08:28,533
‫que cela revient à ce qu'il était avant, d'accord.

166
00:08:29,854 --> 00:08:32,427
‫Quoi qu'il en soit, ajoutons maintenant ce fichier à la zone de transit.

167
00:08:32,427 --> 00:08:36,300
‫Git add, puis vous pouvez utiliser l'onglet pour la saisie

168
00:08:36,300 --> 00:08:37,883
‫semi-automatique, comme toujours.

169
00:08:38,920 --> 00:08:43,920
‫Ensuite, validons-le maintenant, donc git commit le message

170
00:08:44,240 --> 00:08:48,970
‫a ajouté un fichier readme comme celui-ci.

171
00:08:50,540 --> 00:08:54,800
‫Et maintenant, transférons-le également à notre branche distante, juste pour que nous puissions jeter

172
00:08:54,800 --> 00:08:57,050
‫un œil à l'heure dans GitHub.

173
00:08:58,230 --> 00:09:02,823
‫C'est git push origin master.

174
00:09:06,250 --> 00:09:07,873
‫Jetons un coup d'œil à cela ici.

175
00:09:09,700 --> 00:09:13,633
‫Et maintenant, vous voyez ici ce readme que nous venons de créer.

176
00:09:14,660 --> 00:09:16,700
‫Vous verrez également que le message de

177
00:09:16,700 --> 00:09:20,083
‫validation pour celui-ci a été ajouté un readme il y a une minute.

178
00:09:21,290 --> 00:09:23,500
‫Très bien, super.

179
00:09:23,500 --> 00:09:25,920
‫Voilà, ce sont les fondamentaux absolus que

180
00:09:25,920 --> 00:09:27,710
‫je voulais vous montrer

181
00:09:27,710 --> 00:09:31,770
‫dans cette conférence et la dernière sur git et aussi GitHub.

182
00:09:31,770 --> 00:09:34,830
‫Très bien, maintenant une autre chose ici à propos de GitHub

183
00:09:34,830 --> 00:09:37,600
‫est que plusieurs fois au démarrage de votre projet,

184
00:09:37,600 --> 00:09:40,127
‫nous le faisons en fait dans l'autre sens.

185
00:09:40,127 --> 00:09:42,630
‫Je crée d'abord le référentiel sur

186
00:09:42,630 --> 00:09:44,850
‫GitHub et déjà avec un

187
00:09:44,850 --> 00:09:47,650
‫fichier readme, puis après cela, je tire

188
00:09:47,650 --> 00:09:50,178
‫ce référentiel sur mon ordinateur local, d'accord.

189
00:09:50,178 --> 00:09:52,520
‫Cela connectera alors automatiquement

190
00:09:52,520 --> 00:09:55,710
‫le référentiel local avec le référentiel distant.

191
00:09:55,710 --> 00:09:58,263
‫Cela rend juste la configuration un peu plus facile.

192
00:09:59,120 --> 00:10:01,720
‫Plusieurs fois, je le fais juste comme ça.

193
00:10:01,720 --> 00:10:03,770
‫Mais bien sûr, la façon dont

194
00:10:03,770 --> 00:10:07,090
‫je l'ai expliqué dans cette vidéo est aussi parfaitement bien.

195
00:10:07,090 --> 00:10:10,060
‫En tout cas, j'espère que cela vous a été utile.

196
00:10:10,060 --> 00:10:11,820
‫Dans la vidéo suivante,

197
00:10:11,820 --> 00:10:14,170
‫nous allons commencer à préparer l'application

198
00:10:14,170 --> 00:10:16,610
‫pour le déploiement car il y

199
00:10:16,610 --> 00:10:19,310
‫a encore quelques petits changements à faire, donc

200
00:10:19,310 --> 00:10:22,493
‫quelques modifications, afin d'être vraiment prêt à déployer l'application.