1
00:00:01,090 --> 00:00:03,220
‫Jonas: Sekarang mari kita

2
00:00:03,220 --> 00:00:06,120
‫membahas dasar-dasar Git dengan sangat cepat,

3
00:00:06,120 --> 00:00:10,140
‫dan ini sama sekali bukan gambaran lengkap tentang Git.

4
00:00:10,140 --> 00:00:12,410
‫Yang ingin saya lakukan di

5
00:00:12,410 --> 00:00:14,730
‫sini adalah membantu Anda memulai Git

6
00:00:14,730 --> 00:00:18,297
‫secepat mungkin sehingga kami dapat menyebarkan proyek kami ke Heroku.

7
00:00:19,760 --> 00:00:21,790
‫Dan seperti yang saya sebutkan di

8
00:00:21,790 --> 00:00:25,460
‫video terakhir, saya akan mulai menggunakan Git di baris perintah sekarang, oke?

9
00:00:25,460 --> 00:00:27,100
‫Dan sebenarnya saya menggunakan

10
00:00:27,100 --> 00:00:29,290
‫terminal di sini di VS Code lagi.

11
00:00:29,290 --> 00:00:33,320
‫Jadi sekarang mari kita keluar dari proses saat ini di sini, oke?

12
00:00:33,320 --> 00:00:35,770
‫Dan sekarang di folder proyek

13
00:00:35,770 --> 00:00:37,950
‫lokal kami, buat

14
00:00:37,950 --> 00:00:42,750
‫repositori baru, dan kami melakukannya dengan menulis git init, oke?

15
00:00:42,750 --> 00:00:45,640
‫Tekan Enter dan hanya itu.

16
00:00:45,640 --> 00:00:48,650
‫Jadi kita baru saja menginisialisasi repositori Git yang kosong, atau

17
00:00:48,650 --> 00:00:50,990
‫kita juga bisa menyebutnya sebagai repo saja.

18
00:00:50,990 --> 00:00:53,290
‫Jadi itu sedikit lebih mudah untuk dikatakan.

19
00:00:53,290 --> 00:00:56,470
‫Jadi, sekali lagi, untuk membuat repositori baru, atau

20
00:00:56,470 --> 00:00:58,530
‫repo, untuk proyek Anda,

21
00:00:58,530 --> 00:01:01,080
‫Anda perlu menavigasi ke folder proyek

22
00:01:01,080 --> 00:01:04,790
‫itu, yang di sini di VS Code terjadi secara otomatis.

23
00:01:04,790 --> 00:01:07,837
‫Jadi kami secara otomatis berada di sini

24
00:01:07,837 --> 00:01:10,970
‫di folder Beranda dan kemudian di sana Anda

25
00:01:10,970 --> 00:01:14,350
‫menulis git init, dan kemudian memutar repositori baru ini.

26
00:01:14,350 --> 00:01:16,170
‫Dan di sini, di baris perintah saya,

27
00:01:16,170 --> 00:01:19,480
‫Anda sebenarnya dapat melihat bagian kuning ini sekarang di sini dari prompt,

28
00:01:19,480 --> 00:01:22,330
‫dan mungkin di terminal Anda, Anda tidak akan memilikinya, dan

29
00:01:22,330 --> 00:01:23,670
‫itu tidak terlalu penting.

30
00:01:23,670 --> 00:01:26,290
‫Jadi maksudnya di sini adalah

31
00:01:26,290 --> 00:01:31,100
‫bahwa sekarang kita memiliki repositori dengan cabang yang disebut master, oke?

32
00:01:31,100 --> 00:01:34,950
‫Dan sedikit lebih banyak tentang cabang master nanti.

33
00:01:34,950 --> 00:01:37,600
‫Bagaimanapun, sebelum kita melakukan hal lain, mari

34
00:01:37,600 --> 00:01:40,770
‫buat file khusus bernama gitignore, dan di sana kita

35
00:01:40,770 --> 00:01:42,863
‫akan menambahkan semua file

36
00:01:42,863 --> 00:01:45,703
‫yang tidak ingin kita miliki di repositori kita.

37
00:01:47,630 --> 00:01:50,080
‫Jadi itu jenis file konfigurasi

38
00:01:50,080 --> 00:01:53,423
‫seperti ini lebih cantik atau konfigurasi eslint.

39
00:01:54,420 --> 00:01:58,883
‫Jadi saya bisa membuat yang baru di sini.

40
00:02:00,990 --> 00:02:01,910
‫Outputnya di sini.

41
00:02:01,910 --> 00:02:04,617
‫Jadi . .gitignore, seperti ini, oke?

42
00:02:09,370 --> 00:02:11,220
‫Dan VS Code, sebenarnya

43
00:02:11,220 --> 00:02:13,110
‫sekali lagi, sudah mengenali file ini

44
00:02:13,110 --> 00:02:15,700
‫dan menambahkan simbol bagus ini ke dalamnya.

45
00:02:15,700 --> 00:02:17,630
‫Dan folder pertama

46
00:02:17,630 --> 00:02:20,633
‫yang sebenarnya ingin kita abaikan adalah folder

47
00:02:21,870 --> 00:02:24,733
‫node_modules, jadi kita tulis node_modules, oke?

48
00:02:27,720 --> 00:02:30,040
‫Berikan waktu sebentar dan

49
00:02:30,040 --> 00:02:32,690
‫kemudian juga ingin mengabaikan file konfigurasi.

50
00:02:32,690 --> 00:02:34,970
‫Jadi semua file variabel lingkungan.

51
00:02:34,970 --> 00:02:39,970
‫Jadi kita bisa mengatakan semua . file env, oke?

52
00:02:40,260 --> 00:02:43,130
‫Jadi folder node_modules, kami benar-benar

53
00:02:43,130 --> 00:02:46,980
‫tidak ingin di repositori kami karena itu tidak perlu.

54
00:02:46,980 --> 00:02:49,840
‫Jadi, misalnya, jika kita akan mengunggah

55
00:02:49,840 --> 00:02:54,050
‫repositori kita ke GitHub, kita tidak ingin mengunggah puluhan ribu

56
00:02:54,050 --> 00:02:57,030
‫file ini karena begitu kita mengunduh proyek

57
00:02:57,030 --> 00:02:59,120
‫dari GitHub di tempat

58
00:02:59,120 --> 00:03:02,060
‫lain, kita dapat dengan mudah mendapatkan

59
00:03:02,060 --> 00:03:05,770
‫folder node_modules kembali dengan menulis npm install, kan?

60
00:03:05,770 --> 00:03:09,630
‫Jadi perlu diingat bahwa Git juga tentang berbagi, bukan

61
00:03:09,630 --> 00:03:13,610
‫hanya tentang menyimpan kode Anda dengan snapshot dari waktu ke

62
00:03:13,610 --> 00:03:17,240
‫waktu, tetapi juga tentang semua kolaborasi ini.

63
00:03:17,240 --> 00:03:19,670
‫Sekarang di sini, di Kode VS di sisi

64
00:03:19,670 --> 00:03:22,250
‫kiri ini, kami sebenarnya memiliki integrasi ini dengan Git.

65
00:03:22,250 --> 00:03:24,520
‫Jadi jika Anda mengklik di sini,

66
00:03:24,520 --> 00:03:27,720
‫Anda akan melihat semua file yang ditandai sebagai diubah.

67
00:03:27,720 --> 00:03:29,810
‫Nah, sekarang kita tidak melihat

68
00:03:29,810 --> 00:03:34,030
‫apapun di sini, jadi mari kita muat ulang, tetapi mereka masih tidak

69
00:03:34,030 --> 00:03:36,250
‫muncul di sini, dan saya pikir

70
00:03:36,250 --> 00:03:38,840
‫itu karena kami awalnya memiliki terlalu banyak

71
00:03:38,840 --> 00:03:42,540
‫file di node_modules, dan sekarang VS Code agak bingung dengan itu.

72
00:03:42,540 --> 00:03:43,910
‫Mari kita periksa Masalah kita.

73
00:03:43,910 --> 00:03:47,160
‫Tidak, itu tidak ada hubungannya dengan itu, oke?

74
00:03:49,680 --> 00:03:52,423
‫Tapi, bagaimanapun, itu tidak terlalu penting, oke?

75
00:03:53,300 --> 00:03:55,940
‫Yang penting adalah sekarang kita sebenarnya juga dapat

76
00:03:55,940 --> 00:03:59,033
‫melihat semua file yang dimodifikasi ini dengan menulis status git.

77
00:04:01,170 --> 00:04:03,010
‫Seperti ini, oke?

78
00:04:03,010 --> 00:04:06,550
‫Jadi di sini sekarang semua file dan folder yang

79
00:04:06,550 --> 00:04:10,063
‫pada dasarnya belum di-commit ke repositori kami.

80
00:04:11,220 --> 00:04:14,320
‫Jadi Git adalah tentang komit, jadi sekarang mari kita

81
00:04:14,320 --> 00:04:17,310
‫pelajari bagaimana kita bisa mengkomit file ke repositori,

82
00:04:17,310 --> 00:04:19,590
‫dan itu semacam proses dua langkah.

83
00:04:19,590 --> 00:04:23,550
‫Pertama kita perlu menambahkan file ke area yang disebut staging,

84
00:04:23,550 --> 00:04:26,030
‫dan hanya setelah mereka berada di

85
00:04:26,030 --> 00:04:27,700
‫area ini, kita dapat

86
00:04:27,700 --> 00:04:31,380
‫mengkomit semua file yang ada ke komit baru, oke?

87
00:04:31,380 --> 00:04:32,533
‫Jadi mari kita lakukan itu.

88
00:04:33,800 --> 00:04:38,680
‫Jadi git add, dan kemudian jika saya

89
00:04:38,680 --> 00:04:43,680
‫ingin menambahkan semua file, saya cukup menulis -A, benar?

90
00:04:43,910 --> 00:04:45,880
‫Jadi itu memakan sedikit

91
00:04:45,880 --> 00:04:47,890
‫waktu sekarang karena ada begitu banyak

92
00:04:47,890 --> 00:04:50,363
‫file, dan sekarang jika saya menulis status

93
00:04:51,360 --> 00:04:54,543
‫git lagi, mari kita lihat, sekarang semuanya benar-benar hijau.

94
00:04:55,980 --> 00:04:59,050
‫Jadi di sini Anda dapat melihat banyak sekali

95
00:05:01,050 --> 00:05:04,610
‫file ini yang sekarang akan ditambahkan ke git commit kami, oke?

96
00:05:04,610 --> 00:05:07,600
‫Sekarang, sebenarnya, saya tidak ingin file yang di-cache ini ada

97
00:05:07,600 --> 00:05:09,150
‫di folder cache ini,

98
00:05:09,150 --> 00:05:11,513
‫jadi mari kita cepat-cepat menyingkirkan folder ini.

99
00:05:14,330 --> 00:05:18,623
‫Oke, jadi saya berharap mereka pergi sekarang sebenarnya juga dari ini.

100
00:05:19,580 --> 00:05:22,850
‫Jadi mari kita berharap mereka pergi dari sini juga sekarang.

101
00:05:22,850 --> 00:05:25,340
‫Dan hapus, mereka sekarang dihapus, jadi mereka tidak lagi

102
00:05:25,340 --> 00:05:26,713
‫di sini, tetapi mari

103
00:05:27,700 --> 00:05:30,143
‫kita lihat apakah yang lainnya masih ada di sini.

104
00:05:31,300 --> 00:05:34,790
‫Oke, jadi Anda melihat bahwa ini tidak dipentaskan untuk

105
00:05:34,790 --> 00:05:36,350
‫dikomit, tetapi semua

106
00:05:36,350 --> 00:05:39,570
‫file lain ini, sekarang akan dikomit ke repositori.

107
00:05:39,570 --> 00:05:42,010
‫Sekarang mungkin kedengarannya agak membingungkan bagi Anda

108
00:05:42,010 --> 00:05:45,210
‫mengapa pertama-tama kita harus menambahkan file-file ini ke staging area,

109
00:05:45,210 --> 00:05:47,480
‫dan baru kemudian mereka dapat di-commit.

110
00:05:47,480 --> 00:05:50,310
‫Dan alasan cepatnya adalah Anda mungkin ingin

111
00:05:50,310 --> 00:05:53,860
‫menambahkan file yang berbeda untuk komit yang berbeda, oke?

112
00:05:53,860 --> 00:05:56,470
‫Jadi bayangkan Anda mengubah 10 file tetapi

113
00:05:56,470 --> 00:05:59,200
‫hanya ingin mengkomit lima di antaranya ke komit tertentu.

114
00:05:59,200 --> 00:06:01,670
‫Dan dengan pementasan, Anda bisa melakukannya.

115
00:06:01,670 --> 00:06:05,070
‫Tapi kami hanya ingin membuatnya sangat sederhana di sini, jadi

116
00:06:05,070 --> 00:06:06,830
‫kami cukup menambahkan semua file

117
00:06:06,830 --> 00:06:09,640
‫ke area pementasan ini dan kemudian melakukan semuanya.

118
00:06:09,640 --> 00:06:11,180
‫Dan, sebenarnya, mari kita lakukan

119
00:06:11,180 --> 00:06:13,270
‫lagi karena sekarang saya menghapus semua file ini.

120
00:06:13,270 --> 00:06:18,270
‫Jadi mari kita lakukan git add -A lagi, oke?

121
00:06:19,240 --> 00:06:21,800
‫Dan sekarang kita siap untuk

122
00:06:21,800 --> 00:06:24,603
‫mengkomit file dengan menulis git commit

123
00:06:26,680 --> 00:06:29,710
‫-m, dan kemudian kita menentukan pesan komit.

124
00:06:29,710 --> 00:06:32,250
‫Dan pesan ini harus benar-benar menggambarkan

125
00:06:32,250 --> 00:06:34,490
‫perubahan yang Anda lakukan.

126
00:06:34,490 --> 00:06:37,920
‫Sekarang biasanya komit pertama disebut komit awal, jadi mari kita

127
00:06:37,920 --> 00:06:39,620
‫lakukan di sini juga.

128
00:06:41,550 --> 00:06:46,480
‫Jadi komit awal, tekan Return, dan hanya itu.

129
00:06:46,480 --> 00:06:48,580
‫Jadi dengan komit

130
00:06:48,580 --> 00:06:51,550
‫ini kami menyimpan semua modifikasi ke

131
00:06:51,550 --> 00:06:54,610
‫repositori, dan, sekali lagi, komit seperti snapshot

132
00:06:54,610 --> 00:06:58,380
‫dari semua kode pada titik waktu tertentu, oke?

133
00:06:58,380 --> 00:07:02,170
‫Dan jenis filosofinya adalah membuat satu komit baru setiap kali

134
00:07:02,170 --> 00:07:05,633
‫Anda melakukan perubahan signifikan pada basis kode Anda.

135
00:07:06,481 --> 00:07:10,870
‫Jadi konsep komit benar-benar merupakan titik sentral dari Git.

136
00:07:10,870 --> 00:07:14,880
‫Jadi semuanya berputar di sekitar komitmen, oke?

137
00:07:14,880 --> 00:07:17,893
‫Dan sekarang mari kita coba memodifikasi beberapa file di sini.

138
00:07:18,900 --> 00:07:20,350
‫Jadi kita bisa menutup semua ini.

139
00:07:20,350 --> 00:07:25,163
‫Sekarang mari kita buka aplikasi. js di sini, oke?

140
00:07:26,240 --> 00:07:27,563
‫Tutup ini sedikit lagi.

141
00:07:29,070 --> 00:07:34,070
‫Dan di sini katakan saja Mulai aplikasi ekspres.

142
00:07:35,220 --> 00:07:38,070
‫Simpan, dan Anda akan langsung melihatnya di

143
00:07:38,070 --> 00:07:41,260
‫VS Code bagaimana kami mendapatkan garis hijau ini.

144
00:07:41,260 --> 00:07:42,540
‫Dan itu berarti

145
00:07:42,540 --> 00:07:45,810
‫ada sesuatu yang baru disisipkan pada saat ini.

146
00:07:45,810 --> 00:07:47,510
‫Anda sekarang juga dapat

147
00:07:47,510 --> 00:07:50,500
‫mengkliknya dan melihat pada dasarnya bagaimana tampilannya sebelumnya, dan

148
00:07:50,500 --> 00:07:53,730
‫Anda juga dapat, di sini, kembali ke masa lalu.

149
00:07:53,730 --> 00:07:55,343
‫Jadi kembalikan perubahannya.

150
00:07:56,630 --> 00:07:59,330
‫Dan hal yang sama ketika Anda menghapus sesuatu.

151
00:07:59,330 --> 00:08:01,500
‫Jadi mari kita hapus saja baris kode ini.

152
00:08:01,500 --> 00:08:03,900
‫Jadi di sini Anda melihat bahwa

153
00:08:03,900 --> 00:08:06,130
‫sebelumnya pada dasarnya ada sesuatu.

154
00:08:06,130 --> 00:08:08,340
‫Jadi, sekali lagi, Anda dapat

155
00:08:08,340 --> 00:08:11,740
‫mengklik itu dan pada dasarnya melihat apa yang ada sebelumnya.

156
00:08:11,740 --> 00:08:13,560
‫Anda dapat kembali ke masa

157
00:08:13,560 --> 00:08:16,123
‫lalu, jadi mari kita lakukan itu untuk mengembalikannya.

158
00:08:17,409 --> 00:08:19,583
‫Sekarang mari kita coba memuatnya dengan cepat

159
00:08:20,600 --> 00:08:23,870
‫di sini, tetapi untuk beberapa alasan file yang diubah tidak muncul di sini.

160
00:08:23,870 --> 00:08:27,960
‫Jadi, idealnya, sekarang app. js akan ada di

161
00:08:27,960 --> 00:08:32,580
‫daftar ini karena itu adalah file yang baru saja saya edit, oke?

162
00:08:32,580 --> 00:08:35,270
‫Tapi, sekali lagi, itu tidak terlalu penting.

163
00:08:35,270 --> 00:08:37,900
‫Itu juga akan muncul di sini

164
00:08:37,900 --> 00:08:42,530
‫di pohon file ini dengan warna yang berbeda segera setelah saya mengeditnya, oke?

165
00:08:42,530 --> 00:08:44,623
‫Sekarang jika kita mengatakan status git

166
00:08:46,280 --> 00:08:51,280
‫lagi, maka Anda akan melihat di sini dimodifikasi: app. js, oke?

167
00:08:51,730 --> 00:08:54,160
‫Jadi itulah satu-satunya output yang kami

168
00:08:54,160 --> 00:08:56,420
‫miliki di sini, dan Anda

169
00:08:56,420 --> 00:08:59,770
‫juga melihat bahwa perubahan belum dipentaskan untuk komit, oke?

170
00:08:59,770 --> 00:09:02,670
‫Dan sekarang, sekali lagi, mari kita tambahkan semuanya.

171
00:09:02,670 --> 00:09:05,810
‫Jadi git add dan kemudian -A, atau

172
00:09:05,810 --> 00:09:09,313
‫kita juga bisa menambahkan file tunggal ini ke add.

173
00:09:10,300 --> 00:09:14,440
‫Jadi aplikasi. js, oke?

174
00:09:14,440 --> 00:09:18,430
‫Mari kita coba git status lagi, dan sekarang sudah hijau.

175
00:09:18,430 --> 00:09:21,940
‫Dan itu berarti bahwa perubahan akan dilakukan segera

176
00:09:21,940 --> 00:09:24,300
‫setelah kami melakukan komit baru.

177
00:09:24,300 --> 00:09:27,743
‫Jadi mari kita lakukan itu, git commit -m.

178
00:09:29,820 --> 00:09:34,820
‫Untuk pesan, Menambahkan komentar, dan hanya

179
00:09:36,810 --> 00:09:38,550
‫itu.

180
00:09:38,550 --> 00:09:41,000
‫Jadi, Anda lihat, pesan itu menambahkan komentar.

181
00:09:41,000 --> 00:09:43,850
‫Satu file telah berubah dan ada satu penyisipan.

182
00:09:43,850 --> 00:09:45,450
‫Jadi itu baris ini di sini.

183
00:09:45,450 --> 00:09:49,150
‫Dan sekarang bilah hijau yang kita miliki di sini

184
00:09:49,150 --> 00:09:52,600
‫hilang, dan itu berarti semuanya sekarang bersih kembali.

185
00:09:52,600 --> 00:09:55,640
‫Sekarang Anda juga melihat bahwa master ini di sini, Anda

186
00:09:55,640 --> 00:09:57,030
‫juga melihatnya di sini,

187
00:09:57,030 --> 00:10:00,040
‫dan itu berarti bahwa kita berada di cabang master.

188
00:10:00,040 --> 00:10:04,180
‫Jadi cabang adalah konsep lain yang sangat penting di Git, tetapi

189
00:10:04,180 --> 00:10:07,070
‫saya tidak akan membahasnya saat ini.

190
00:10:07,070 --> 00:10:10,750
‫Untuk saat ini kami akan selalu bekerja di cabang master.

191
00:10:10,750 --> 00:10:14,140
‫Bagus, jadi sekarang Anda memiliki repositori lokal dengan

192
00:10:14,140 --> 00:10:16,920
‫semua kode Anda berkomitmen untuk itu.

193
00:10:16,920 --> 00:10:19,000
‫Jadi di video berikutnya, mari

194
00:10:19,000 --> 00:10:22,480
‫kita dorong cabang ini ke cabang jarak jauh di GitHub.

195
00:10:22,480 --> 00:10:25,170
‫Jadi pada dasarnya host di akun GitHub yang

196
00:10:25,170 --> 00:10:26,960
‫baru saja kita buat sebelumnya.

197
00:10:26,960 --> 00:10:28,560
‫Jadi saya berharap dapat melihat Anda di sana segera.