1
00:00:04,970 --> 00:00:10,370
‫BAIK. Saya sangat senang dengan tugas ini untuk Anda karena bind mounts bisa sangat keren.

2
00:00:10,490 --> 00:00:17,900
‫Mereka sangat keren untuk pengembangan lokal atau pengujian lokal. Karena seperti yang telah kami jelaskan sebelumnya, mereka akan

3
00:00:18,410 --> 00:00:24,470
‫memungkinkan Anda untuk mengedit file pada sistem operasi host Anda, dan kemudian mereka benar-benar berjalan atau

4
00:00:24,500 --> 00:00:29,480
‫digunakan di dalam wadah untuk melakukan sesuatu dengan cara yang jauh lebih mudah.

5
00:00:29,480 --> 00:00:34,940
‫Dalam contoh ini, kita sebenarnya akan menggunakan sesuatu yang disebut "Static Site

6
00:00:34,940 --> 00:00:36,330
‫Generator" dan

7
00:00:36,350 --> 00:00:38,690
‫ini bukan khusus tugas pengembang web.

8
00:00:38,690 --> 00:00:41,990
‫Kami sebenarnya tidak akan melakukan banyak hal selain mengedit satu baris teks.

9
00:00:41,990 --> 00:00:47,180
‫Sungguh, ini tentang apa, membiasakan diri dengan gagasan mengambil data host, yang Anda miliki

10
00:00:47,180 --> 00:00:53,900
‫di mesin host Anda, dan kemudian memasangnya ke dalam sebuah wadah, kemudian mengubahnya pada host dan melihatnya tercermin

11
00:00:53,900 --> 00:00:55,440
‫di dalam wadah.

12
00:00:55,490 --> 00:00:56,140
‫Kanan.

13
00:00:56,180 --> 00:01:02,480
‫Dalam hal ini, ini adalah contoh yang cukup umum. Pengembang web memiliki kode sumber dan HTML dan semua

14
00:01:02,480 --> 00:01:08,150
‫itu, di host mereka dan mereka biasanya harus mengunduh semua alat khusus yang mereka butuhkan di host,

15
00:01:08,150 --> 00:01:08,720
‫bukan?

16
00:01:08,750 --> 00:01:13,310
‫Kita akan memerlukan alat bahasa pemrograman, server web, semacam pengamat file yang mendeteksi perubahan

17
00:01:13,310 --> 00:01:16,460
‫dan memulai kembali sesuatu, dan semua alat ini, kan?

18
00:01:16,460 --> 00:01:21,230
‫Itu biasanya hal besar bagi pengembang web adalah untuk mengetahui cara membuat semua itu bekerja pada sistem

19
00:01:21,230 --> 00:01:23,570
‫operasi khusus mereka dan semua versi yang tepat.

20
00:01:23,750 --> 00:01:29,630
‫Tetapi hal yang paling keren adalah di Docker Hub, begitu banyak dari masalah ini telah hilang karena tumpukan komponen-komponen

21
00:01:29,630 --> 00:01:34,360
‫itu ada di dalam satu wadah, dan seseorang telah melakukan semua kerja keras untuk Anda.

22
00:01:34,370 --> 00:01:37,460
‫Dalam hal ini, kita akan benar-benar menggunakan Jekyll, dan seperti yang

23
00:01:37,460 --> 00:01:39,560
‫saya sebutkan sebelumnya, ini adalah SSG.

24
00:01:39,560 --> 00:01:47,780
‫Itu adalah alat yang sangat mendasar yang memungkinkan Anda untuk membuat penurunan harga, yang pada dasarnya adalah teks biasa.

25
00:01:47,780 --> 00:01:51,530
‫Kemudian mengambil itu dan menghasilkannya ke situs web HTML.

26
00:01:51,530 --> 00:01:57,200
‫Ini sangat bagus untuk blog kecil atau situs web sederhana di mana Anda tidak ingin menjadi guru HTML, dan Anda

27
00:01:57,500 --> 00:02:00,460
‫hanya ingin menulis sesuatu yang sederhana dan mempostingnya di web.

28
00:02:00,470 --> 00:02:06,710
‫Ini juga setiap kali Anda melihat situs dijalankan oleh GitHub, dikenal sebagai GitHub Pages, Jekyll juga merupakan alat yang

29
00:02:06,710 --> 00:02:07,700
‫mereka gunakan.

30
00:02:07,700 --> 00:02:12,910
‫Dalam hal ini, Anda akan melompat ke direktori contoh bind mount, seperti yang tercantum di sini pada slide.

31
00:02:13,490 --> 00:02:19,220
‫Anda akan melihat beberapa file di sana. Anda akan mengeditnya dengan editor pilihan Anda, apakah

32
00:02:19,220 --> 00:02:24,970
‫itu Visual Studio Code, atau Atom, atau Vim, atau Sublime Text atau apa pun yang Anda suka.

33
00:02:25,130 --> 00:02:30,260
‫Kami akan menjalankan sebuah wadah di latar belakang yang menjalankan Jekyll dan menonton file-file itu

34
00:02:30,260 --> 00:02:35,510
‫di host Anda, dan mendeteksi pembaruan, dan kemudian secara otomatis memperbarui server web yang dibangun ke

35
00:02:35,510 --> 00:02:36,560
‫dalam wadah tersebut.

36
00:02:36,920 --> 00:02:40,090
‫Untuk memulai, berikut ini perintah yang bisa Anda gunakan.

37
00:02:40,220 --> 00:02:45,560
‫Anda ingin melompat ke direktori contoh bind mount tersebut, dan kemudian jalankan perintah

38
00:02:45,800 --> 00:02:51,730
‫run docker khusus ini, yang akan membuka localhost default Anda dan benar-benar memetakan direktori itu.

39
00:02:51,740 --> 00:03:00,000
‫Ingat, pwd akan memetakan itu ke direktori situs di dalam wadah, yang telah kami siapkan di sini.

40
00:03:00,010 --> 00:03:04,280
‫Lalu aku sudah membuatkanmu sebuah kustom, wadah Jekyll yang sangat mudah digunakan dan itu menggunakan semua

41
00:03:04,280 --> 00:03:05,100
‫versi terbaru.

42
00:03:05,120 --> 00:03:11,630
‫Jadi yang harus Anda lihat adalah Anda harus dapat menjalankannya, buka localhost browser Anda, lihat situs webnya

43
00:03:11,630 --> 00:03:16,910
‫dengan halaman web dasar. Itu sebenarnya menggunakan template default. Maka Anda akan

44
00:03:16,910 --> 00:03:22,670
‫dengan cepat melompat ke direktori posting yang ada di dalam bind mount sample.

45
00:03:22,670 --> 00:03:24,840
‫Anda sebenarnya bisa melihatnya di sini.

46
00:03:28,370 --> 00:03:29,080
‫Di layar

47
00:03:29,080 --> 00:03:35,000
‫saya, saya benar-benar memilikinya dalam kode Visual Studio saya. Jadi ini akan menjadi file di dalam direktori itu.

48
00:03:35,000 --> 00:03:40,340
‫Anda hanya akan masuk ke file ini di sini, yang merupakan file penurunan harga,

49
00:03:40,580 --> 00:03:48,410
‫dan tidak apa-apa jika Anda bukan guru penurunan harga. Anda hanya perlu mengubah sesuatu di sini, dan kemudian melompat ke browser web Anda

50
00:03:48,410 --> 00:03:52,190
‫dan perhatikan bagaimana itu tercermin secara otomatis sebagai pembaruan setelah Anda menyimpan file.

51
00:03:52,250 --> 00:03:57,770
‫Tentu saja, saya sangat merekomendasikan melihat log di dalam Docker untuk melihat apa yang dilakukannya, karena itu akan

52
00:03:57,770 --> 00:04:01,610
‫memberi tahu Anda setiap kali file diubah dan itu memuat ulang server.

53
00:04:01,610 --> 00:04:06,800
‫Jika Anda buntu atau karena hal ini tidak masuk akal bagi Anda, tonton saja video ceramah jawaban saya tepat setelah

54
00:04:06,800 --> 00:04:07,230
‫ini.

55
00:04:07,250 --> 00:04:10,360
‫Saya akan menjalankan ini dan Anda dapat mengikuti jika Anda macet.

56
00:04:10,670 --> 00:04:11,180
‫Semoga berhasil.