1
00:00:01,130 --> 00:00:02,910
‫Istruttore: In questo video,

2
00:00:02,910 --> 00:00:06,840
‫metteremo tutto il nostro codice su GitHub o, come diciamo di

3
00:00:06,840 --> 00:00:09,263
‫solito, lo trasferiremo in un ramo remoto.

4
00:00:11,130 --> 00:00:14,300
‫Per iniziare, vai su github. com, e non

5
00:00:14,300 --> 00:00:16,210
‫appena hai effettuato l'accesso, fai

6
00:00:16,210 --> 00:00:18,340
‫clic qui su questo pulsante

7
00:00:18,340 --> 00:00:20,790
‫più e crea un nuovo repository.

8
00:00:20,790 --> 00:00:23,460
‫Ora ancora una volta, se la pagina ha un aspetto

9
00:00:23,460 --> 00:00:25,500
‫leggermente diverso nel momento in cui

10
00:00:25,500 --> 00:00:28,913
‫stai guardando questo video, cerca un nuovo repository da qualche parte nella pagina.

11
00:00:30,140 --> 00:00:33,740
‫Ok, quindi prima di tutto, devi dare un

12
00:00:33,740 --> 00:00:35,433
‫nome al repository.

13
00:00:36,520 --> 00:00:38,720
‫Quindi lo chiamo natours qui,

14
00:00:38,720 --> 00:00:40,160
‫che per me

15
00:00:40,160 --> 00:00:43,330
‫non è possibile perché ho già un repository natours,

16
00:00:43,330 --> 00:00:47,200
‫quindi lo chiamo solo natours rec per la registrazione, ma

17
00:00:47,200 --> 00:00:49,703
‫puoi semplicemente andare avanti e chiamarlo natours.

18
00:00:50,830 --> 00:00:53,010
‫Quindi possiamo anche aggiungere una descrizione,

19
00:00:53,010 --> 00:00:54,200
‫cosa che

20
00:00:54,200 --> 00:00:57,940
‫non farò, e quindi possiamo impostarla su pubblica o privata.

21
00:00:57,940 --> 00:01:00,370
‫Penso che in questo momento anche gli

22
00:01:00,370 --> 00:01:02,623
‫account gratuiti possano avere repository privati.

23
00:01:03,600 --> 00:01:05,860
‫I repository privati, come dice

24
00:01:05,860 --> 00:01:10,140
‫il nome, solo tu puoi vedere e puoi anche invitare altre persone.

25
00:01:10,140 --> 00:01:12,540
‫Con i repository pubblici, sono ovviamente visibili a

26
00:01:12,540 --> 00:01:14,520
‫tutti e quindi sono perfetti per

27
00:01:14,520 --> 00:01:16,283
‫il codice open source.

28
00:01:17,128 --> 00:01:19,700
‫In questo caso, lo lascio

29
00:01:19,700 --> 00:01:22,460
‫privato, quindi lascio tutti questi valori

30
00:01:22,460 --> 00:01:25,090
‫predefiniti e qui è molto importante

31
00:01:25,090 --> 00:01:28,320
‫non inizializzare questo nuovo repository con un readme,

32
00:01:28,320 --> 00:01:31,500
‫perché ciò creerebbe conflitti un po' più tardi.

33
00:01:31,500 --> 00:01:33,910
‫Vogliamo davvero che questo repository sia nuovo di

34
00:01:33,910 --> 00:01:36,183
‫zecca e completamente vuoto qui su GitHub.

35
00:01:38,680 --> 00:01:40,070
‫Fare questo qui è

36
00:01:40,070 --> 00:01:43,520
‫simile a quello che abbiamo fatto prima localmente con git init.

37
00:01:43,520 --> 00:01:45,360
‫L'unica differenza è che

38
00:01:45,360 --> 00:01:47,290
‫questa volta è davvero su

39
00:01:47,290 --> 00:01:50,040
‫GitHub, quindi ora è un repository remoto.

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

41
00:01:51,020 --> 00:01:53,380
‫Ora l'obiettivo qui è, in

42
00:01:53,380 --> 00:01:58,080
‫pratica, spingere tutto il nostro codice locale in questo repository remoto, ok.

43
00:01:58,080 --> 00:01:59,890
‫Per poterlo fare,

44
00:01:59,890 --> 00:02:02,670
‫dobbiamo far sapere al nostro repository locale

45
00:02:02,670 --> 00:02:06,290
‫di questo repository remoto che abbiamo appena creato qui.

46
00:02:06,290 --> 00:02:10,160
‫Ok, quindi in pratica dobbiamo unirli.

47
00:02:10,160 --> 00:02:12,743
‫Questo è esattamente ciò che è impostato qui.

48
00:02:12,743 --> 00:02:15,830
‫Quello che vogliamo fare è eseguire il push di

49
00:02:15,830 --> 00:02:18,710
‫un repository esistente dalla riga di comando, quindi

50
00:02:18,710 --> 00:02:20,180
‫andiamo avanti e

51
00:02:21,740 --> 00:02:25,579
‫copiamo questo codice qui nella nostra riga di comando qui, ok.

52
00:02:25,579 --> 00:02:28,370
‫Cosa farà questo?

53
00:02:28,370 --> 00:02:32,150
‫Bene, aggiungerà un ramo remoto.

54
00:02:32,150 --> 00:02:36,080
‫Remoto significa che è un ramo ospitato, in pratica.

55
00:02:36,080 --> 00:02:38,700
‫E questo ramo remoto, o puoi

56
00:02:38,700 --> 00:02:42,750
‫anche chiamarlo, questo repository remoto, si chiamerà origine e si

57
00:02:42,750 --> 00:02:45,970
‫trova in questo URL qui, quindi in

58
00:02:45,970 --> 00:02:47,073
‫questa posizione.

59
00:02:47,970 --> 00:02:51,480
‫Quindi premi invio e il gioco è fatto.

60
00:02:51,480 --> 00:02:54,100
‫Ora questi due repository sono sostanzialmente collegati.

61
00:02:54,100 --> 00:02:58,990
‫A questo punto, siamo pronti per eseguire git push, che è

62
00:02:58,990 --> 00:03:02,630
‫l'azione per copiare fondamentalmente il nostro codice

63
00:03:02,630 --> 00:03:06,560
‫locale sul nostro ramo remoto nel nostro repository remoto.

64
00:03:06,560 --> 00:03:08,580
‫Quindi il nome del

65
00:03:09,780 --> 00:03:11,950
‫ramo remoto che è l'origine e

66
00:03:11,950 --> 00:03:16,420
‫poi il nome del ramo locale, che è master, va bene.

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

68
00:03:19,160 --> 00:03:21,770
‫Premi Invio, e questo dovrebbe ovviamente

69
00:03:21,770 --> 00:03:23,750
‫richiedere del tempo.

70
00:03:23,750 --> 00:03:27,660
‫Ora per prima cosa, ci chiede anche il nostro nome

71
00:03:27,660 --> 00:03:29,610
‫utente, che è solo

72
00:03:29,610 --> 00:03:31,910
‫l'indirizzo email, e probabilmente non è

73
00:03:31,910 --> 00:03:33,870
‫più necessario farlo perché l'hai

74
00:03:33,870 --> 00:03:37,943
‫già specificato, ma non l'ho fatto prima nel video, ricordalo, quindi

75
00:03:39,180 --> 00:03:40,263
‫facciamolo ora.

76
00:03:41,420 --> 00:03:44,260
‫A proposito, perché sto usando un account diverso sul mio

77
00:03:44,260 --> 00:03:46,760
‫computer per registrare questi corsi, e quindi non

78
00:03:46,760 --> 00:03:48,870
‫uso davvero git qui, e quindi

79
00:03:48,870 --> 00:03:51,740
‫questo è il motivo per cui avevo bisogno di farlo.

80
00:03:51,740 --> 00:03:55,100
‫Ora comunque, ora mi chiede la mia password, quindi

81
00:03:55,100 --> 00:03:57,710
‫scrivi la tua password qui, premi

82
00:03:57,710 --> 00:04:00,090
‫anche Invio, e quindi dovrebbe

83
00:04:00,090 --> 00:04:03,453
‫iniziare a inviare i dati al tuo ramo remoto.

84
00:04:04,820 --> 00:04:06,260
‫Sta facendo quel lavoro adesso.

85
00:04:06,260 --> 00:04:07,880
‫Puoi vedere tutte

86
00:04:07,880 --> 00:04:11,930
‫le statistiche, quanti file ci sono, la tua velocità di

87
00:04:11,930 --> 00:04:14,760
‫upload e quanto è già stato fatto.

88
00:04:14,760 --> 00:04:17,503
‫Va bene, quindi tornerò quando sarà finito.

89
00:04:20,370 --> 00:04:22,330
‫Ok, e basta.

90
00:04:22,330 --> 00:04:25,453
‫Quindi ora diamo un'occhiata qui su GitHub.

91
00:04:26,500 --> 00:04:29,753
‫Ricarichiamo, e infatti, ci siamo.

92
00:04:32,410 --> 00:04:34,630
‫E infatti, qui abbiamo tutti

93
00:04:34,630 --> 00:04:39,210
‫i file che abbiamo appena aggiunto al nostro commit prima, va bene.

94
00:04:39,210 --> 00:04:40,770
‫Vedi che tutti

95
00:04:40,770 --> 00:04:43,568
‫questi qui dicono commit iniziale e

96
00:04:43,568 --> 00:04:46,990
‫poi questo file, app. js, dove abbiamo effettivamente apportato

97
00:04:46,990 --> 00:04:49,300
‫alcune modifiche, quindi dice che è stato

98
00:04:49,300 --> 00:04:51,220
‫aggiunto un commento, che era il

99
00:04:51,220 --> 00:04:53,760
‫messaggio di commit che abbiamo usato per quello

100
00:04:53,760 --> 00:04:56,680
‫specifico commit in cui abbiamo commesso solo questo file.

101
00:04:56,680 --> 00:04:57,980
‫Ricordati che?

102
00:04:57,980 --> 00:05:01,330
‫Quindi in realtà sono passati sei minuti.

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

104
00:05:02,640 --> 00:05:03,970
‫Diamo solo un'occhiata a questo.

105
00:05:03,970 --> 00:05:06,992
‫Come appare qui in GitHub.

106
00:05:06,992 --> 00:05:10,230
‫Sì, è tutto il nostro codice.

107
00:05:10,230 --> 00:05:14,243
‫Ben ospitato ora praticamente in questo posto, quindi in GitHub.

108
00:05:15,100 --> 00:05:18,900
‫Vedi anche che i nostri file ignorati non sono qui.

109
00:05:18,900 --> 00:05:22,600
‫Il modulo del nodo e anche il file di

110
00:05:22,600 --> 00:05:25,160
‫configurazione, quindi esattamente i file

111
00:05:25,160 --> 00:05:28,184
‫che non vogliamo davvero in un repository, beh,

112
00:05:28,184 --> 00:05:30,860
‫ora non sono qui proprio come previsto.

113
00:05:30,860 --> 00:05:33,950
‫A proposito, l'operazione di spinta opposta a quella che

114
00:05:33,950 --> 00:05:37,000
‫abbiamo appena fatto è l'operazione di trazione.

115
00:05:37,000 --> 00:05:39,940
‫Quindi immagina di lavorare su due computer diversi

116
00:05:39,940 --> 00:05:42,610
‫e di voler iniziare a lavorare su

117
00:05:42,610 --> 00:05:45,030
‫un computer e poi continuare sull'altro.

118
00:05:45,030 --> 00:05:47,770
‫Per farlo, puoi inviare il codice su

119
00:05:47,770 --> 00:05:51,093
‫un computer su GitHub e poi sull'altro semplicemente estrarlo.

120
00:05:52,290 --> 00:05:53,693
‫Sarebbe molto semplice.

121
00:05:54,730 --> 00:05:57,060
‫Il comando sarebbe quasi lo stesso,

122
00:05:57,060 --> 00:06:01,573
‫ma invece git pull origin e poi master, quindi il ramo in

123
00:06:03,263 --> 00:06:04,920
‫cui stai attualmente lavorando.

124
00:06:04,920 --> 00:06:06,710
‫Non lo farò

125
00:06:06,710 --> 00:06:09,450
‫ora, ma creerò un file readme.

126
00:06:09,450 --> 00:06:11,560
‫Questo è un file molto

127
00:06:11,560 --> 00:06:13,693
‫standard che ogni singolo repository dovrebbe avere.

128
00:06:15,210 --> 00:06:16,283
‫Facciamolo qui.

129
00:06:17,260 --> 00:06:20,790
‫Lo standard è davvero, quindi non una cartella

130
00:06:20,790 --> 00:06:23,950
‫ma un file, e quindi di nuovo,

131
00:06:23,950 --> 00:06:28,950
‫lo standard è chiamarlo readme. md che sta per markdown.

132
00:06:30,079 --> 00:06:32,138
‫Questo file qui è scritto in markdown.

133
00:06:32,138 --> 00:06:35,540
‫Usiamo questo simbolo cancelletto qui per aggiungere

134
00:06:35,540 --> 00:06:37,113
‫il titolo principale.

135
00:06:38,650 --> 00:06:43,310
‫Chiamiamo questa applicazione natours.

136
00:06:43,310 --> 00:06:45,640
‫Quindi solo un

137
00:06:45,640 --> 00:06:50,037
‫paragrafo sotto quello costruito utilizzando le moderne tecnologie.

138
00:06:52,000 --> 00:06:54,033
‫Non è proprio corretto, tecnologie.

139
00:06:56,845 --> 00:07:01,845
‫Node js, express, mongoDB, mongoose e amici diciamo.

140
00:07:09,810 --> 00:07:14,730
‫Va bene, allora salviamolo adesso.

141
00:07:14,730 --> 00:07:17,270
‫E se ora diciamo ottieni lo

142
00:07:17,270 --> 00:07:21,690
‫stato, dovresti vederlo come un nuovo file, e infatti, eccolo qui.

143
00:07:21,690 --> 00:07:24,800
‫In realtà, dopo aver chiuso e riaperto l'app

144
00:07:24,800 --> 00:07:27,860
‫VS code, questa parte dell'applicazione ha iniziato

145
00:07:27,860 --> 00:07:29,100
‫a funzionare.

146
00:07:29,100 --> 00:07:32,840
‫Ora vedi qui, che il readme. md viene

147
00:07:32,840 --> 00:07:34,870
‫visualizzato sotto le modifiche.

148
00:07:34,870 --> 00:07:38,590
‫Viene visualizzato qui come U, che significa non tracciato.

149
00:07:38,590 --> 00:07:40,950
‫Ok, e anche come ho detto

150
00:07:40,950 --> 00:07:43,703
‫prima, puoi effettivamente vederlo qui nell'albero dei file.

151
00:07:44,947 --> 00:07:46,870
‫Ora è verde, ok,

152
00:07:46,870 --> 00:07:49,513
‫e se cambi, diciamo un altro file,

153
00:07:51,500 --> 00:07:53,683
‫ad esempio, concatenato qui all'applicazione.

154
00:07:54,680 --> 00:07:57,940
‫Prendi una cassaforte, poi vedi qui questa M, che

155
00:07:57,940 --> 00:07:59,563
‫sta per modificata.

156
00:08:00,949 --> 00:08:02,657
‫Si presenta anche qui.

157
00:08:02,657 --> 00:08:05,690
‫Qui questa barra diventa blu perché ora è stata

158
00:08:05,690 --> 00:08:08,290
‫modificata, quindi questa è una modifica e

159
00:08:08,290 --> 00:08:09,860
‫non un inserimento.

160
00:08:09,860 --> 00:08:12,950
‫Prima era verde perché ho inserito

161
00:08:12,950 --> 00:08:17,000
‫il codice e ora è blu perché ho modificato.

162
00:08:17,000 --> 00:08:18,963
‫Qui posso anche tornare molto facilmente.

163
00:08:20,800 --> 00:08:22,343
‫Voglio scartare

164
00:08:23,360 --> 00:08:25,090
‫le modifiche, così vedrai

165
00:08:25,090 --> 00:08:28,533
‫che torna a quello che era prima, ok.

166
00:08:29,854 --> 00:08:32,427
‫Ad ogni modo, ora aggiungiamo questo file all'area di staging.

167
00:08:32,427 --> 00:08:36,300
‫Git add e quindi puoi utilizzare la scheda per il

168
00:08:36,300 --> 00:08:37,883
‫completamento automatico come sempre.

169
00:08:38,920 --> 00:08:43,920
‫Quindi ora eseguiamo il commit, quindi git commit il

170
00:08:44,240 --> 00:08:48,970
‫messaggio ha aggiunto un readme come questo.

171
00:08:50,540 --> 00:08:54,800
‫E ora, inseriamolo anche nel nostro ramo remoto, solo così possiamo

172
00:08:54,800 --> 00:08:57,050
‫dare un'occhiata all'ora in GitHub.

173
00:08:58,230 --> 00:09:02,823
‫Questo è git push origin master.

174
00:09:06,250 --> 00:09:07,873
‫Diamo un'occhiata a questo qui.

175
00:09:09,700 --> 00:09:13,633
‫E ora, qui puoi vedere quel readme che abbiamo appena creato.

176
00:09:14,660 --> 00:09:16,700
‫Vedrai anche che il messaggio di commit

177
00:09:16,700 --> 00:09:20,083
‫per questo è stato aggiunto in un file readme un minuto fa.

178
00:09:21,290 --> 00:09:23,500
‫Va bene, fantastico.

179
00:09:23,500 --> 00:09:25,920
‫Ecco, questi sono i fondamenti assoluti

180
00:09:25,920 --> 00:09:27,710
‫che volevo mostrarti in

181
00:09:27,710 --> 00:09:31,770
‫questa lezione e nell'ultima su git e anche su GitHub.

182
00:09:31,770 --> 00:09:34,830
‫Bene, ora un'altra cosa qui su GitHub è che

183
00:09:34,830 --> 00:09:37,600
‫molte volte quando iniziamo il tuo progetto,

184
00:09:37,600 --> 00:09:40,127
‫in realtà lo facciamo al contrario.

185
00:09:40,127 --> 00:09:42,630
‫Prima creo il repository su

186
00:09:42,630 --> 00:09:44,850
‫GitHub e già con

187
00:09:44,850 --> 00:09:47,650
‫un file readme, quindi estraggo quel repository

188
00:09:47,650 --> 00:09:50,178
‫sul mio computer locale, va bene.

189
00:09:50,178 --> 00:09:52,520
‫Ciò collegherà quindi automaticamente

190
00:09:52,520 --> 00:09:55,710
‫il repository locale con quello remoto.

191
00:09:55,710 --> 00:09:58,263
‫Questo rende l'installazione un po' più semplice.

192
00:09:59,120 --> 00:10:01,720
‫Molte volte, lo faccio proprio così.

193
00:10:01,720 --> 00:10:03,770
‫Ma ovviamente va benissimo anche

194
00:10:03,770 --> 00:10:07,090
‫il modo in cui l'ho spiegato in questo video.

195
00:10:07,090 --> 00:10:10,060
‫Comunque, spero che questo ti sia stato utile.

196
00:10:10,060 --> 00:10:11,820
‫Nel prossimo video

197
00:10:11,820 --> 00:10:14,170
‫inizieremo a preparare l'app per la

198
00:10:14,170 --> 00:10:16,610
‫distribuzione perché ci sono ancora alcune

199
00:10:16,610 --> 00:10:19,310
‫piccole modifiche che dobbiamo fare, quindi alcune

200
00:10:19,310 --> 00:10:22,493
‫modifiche, per essere davvero pronti a distribuire l'applicazione.