1
00:00:00,950 --> 00:00:04,120
‫Instruktur: Jadi sekarang setelah kita memahami dasar-dasar PUG,

2
00:00:04,120 --> 00:00:06,620
‫saatnya untuk melakukan beberapa refactoring dan

3
00:00:06,620 --> 00:00:10,160
‫menyesuaikan kode kita dengan lebih baik ke dalam arsitektur NVC.

4
00:00:10,160 --> 00:00:12,490
‫Dan setelah itu, kita akhirnya bisa mulai

5
00:00:12,490 --> 00:00:14,603
‫membangun situs web itu sendiri.

6
00:00:16,140 --> 00:00:18,790
‫Dan seperti yang kami lakukan dengan sumber

7
00:00:18,790 --> 00:00:20,680
‫daya kami, saya juga

8
00:00:20,680 --> 00:00:23,030
‫akan membuat router dan pengontrol untuk tampilan.

9
00:00:23,030 --> 00:00:26,210
‫Jadi pada dasarnya sebuah file di mana saya dapat meletakkan semua

10
00:00:26,210 --> 00:00:29,123
‫rute yang kita butuhkan untuk membangun situs web dinamis kita.

11
00:00:31,520 --> 00:00:34,340
‫Jadi mari kita sebut ini

12
00:00:35,980 --> 00:00:37,610
‫view route.

13
00:00:37,610 --> 00:00:38,443
‫Oke.

14
00:00:40,650 --> 00:00:43,423
‫Dan mari kita mulai dengan meminta express.

15
00:00:50,630 --> 00:00:51,463
‫Oke.

16
00:00:51,463 --> 00:00:52,960
‫Jadi ini akan bekerja dengan

17
00:00:52,960 --> 00:00:55,023
‫cara yang sama persis seperti router lainnya.

18
00:00:56,270 --> 00:00:57,790
‫Jadi membuat titik

19
00:01:01,260 --> 00:01:02,533
‫ekspres router.

20
00:01:03,538 --> 00:01:07,083
‫Sebuah router dan pada akhirnya, kami mengekspornya.

21
00:01:16,220 --> 00:01:19,460
‫Jadi sekarang, mari kita dapatkan rute-rute

22
00:01:21,300 --> 00:01:25,710
‫ini di sini dan salin ke dalam file rute.

23
00:01:25,710 --> 00:01:29,210
‫Sekarang di sini tentu saja, bukan lagi aplikasi, tetapi router.

24
00:01:29,210 --> 00:01:30,553
‫Jadi mari kita ganti itu.

25
00:01:32,910 --> 00:01:33,800
‫Baiklah.

26
00:01:33,800 --> 00:01:35,990
‫Dan itu sebenarnya tidak apa-apa.

27
00:01:35,990 --> 00:01:39,610
‫Jadi di rute lain, kami menggunakan rute d dot di

28
00:01:39,610 --> 00:01:42,130
‫mana kami kemudian menentukan rute itu

29
00:01:42,130 --> 00:01:45,720
‫sendiri dan kemudian setelah itu, kami menggunakan seperti get, post,

30
00:01:45,720 --> 00:01:48,900
‫patch, atau delete, jadi semua metode http ini.

31
00:01:48,900 --> 00:01:51,320
‫Tetapi dalam kasus ini, itu tidak

32
00:01:51,320 --> 00:01:54,810
‫akan diperlukan karena yang akan kita lakukan hanyalah menggunakan get.

33
00:01:54,810 --> 00:01:57,200
‫Dan jadi bagus seperti ini.

34
00:01:57,200 --> 00:01:59,620
‫Selanjutnya, kita sebenarnya perlu memasang router

35
00:01:59,620 --> 00:02:01,423
‫ini ke aplikasi kita.

36
00:02:02,780 --> 00:02:06,830
‫Jadi di sini, di aplikasi, dan seperti yang kita

37
00:02:06,830 --> 00:02:09,573
‫lakukan sebelumnya, kita mulai dengan memintanya.

38
00:02:13,280 --> 00:02:14,803
‫Jadi, lihat router.

39
00:02:16,690 --> 00:02:18,438
‫Dan sekarang, mari kita

40
00:02:18,438 --> 00:02:20,938
‫benar-benar memasangnya, di sini melewati yang pertama.

41
00:02:22,719 --> 00:02:25,822
‫Jadi lihat router, tetapi perbedaan yang

42
00:02:25,822 --> 00:02:30,822
‫satu ini adalah bahwa ini sebenarnya dipasang tepat di URL rute.

43
00:02:31,280 --> 00:02:34,350
‫Oke, jadi setiap kali URL terlihat seperti ini,

44
00:02:34,350 --> 00:02:37,110
‫itu akan langsung masuk ke view router.

45
00:02:37,110 --> 00:02:38,650
‫Dan saya tidak yakin apakah itu akan berhasil.

46
00:02:38,650 --> 00:02:41,770
‫Mungkin kita harus meletakkannya di sini di akhir.

47
00:02:41,770 --> 00:02:43,723
‫Tapi mari kita lihat, setelah kita mengujinya.

48
00:02:44,770 --> 00:02:46,010
‫Oke.

49
00:02:46,010 --> 00:02:49,600
‫Sekarang sebagai langkah terakhir, mari, seperti

50
00:02:49,600 --> 00:02:53,540
‫sebelumnya, mengekspor fungsi-fungsi ini ke sini ke controller.

51
00:02:53,540 --> 00:02:56,640
‫Jadi, seperti sebelumnya, mari kita

52
00:02:56,640 --> 00:02:58,623
‫buat pengontrol tampilan.

53
00:03:03,720 --> 00:03:05,310
‫Baiklah.

54
00:03:05,310 --> 00:03:07,543
‫Dan itu disalin dan sebagainya.

55
00:03:09,610 --> 00:03:14,303
‫Jadi yang ini di sini akan disebut mendapatkan gambaran umum.

56
00:03:17,000 --> 00:03:19,800
‫Jadi ekspor dot get

57
00:03:22,240 --> 00:03:26,210
‫gambaran sama dengan fungsi ini, oke.

58
00:03:26,210 --> 00:03:27,410
‫Untuk saat ini setidaknya.

59
00:03:27,410 --> 00:03:29,230
‫Jadi tentu saja semua ini

60
00:03:29,230 --> 00:03:31,890
‫di sini, kita akan diganti dengan pengontrol

61
00:03:31,890 --> 00:03:35,220
‫sebenarnya yang sebenarnya akan mendapatkan data untuk ikhtisar dan

62
00:03:35,220 --> 00:03:37,030
‫kemudian merender data itu.

63
00:03:37,030 --> 00:03:39,410
‫Oke, tapi untuk saat ini, kami hanya memiliki

64
00:03:39,410 --> 00:03:42,963
‫fungsi pengontrol yang sangat sederhana ini hanya untuk melihat apakah semuanya berfungsi.

65
00:03:44,290 --> 00:03:46,300
‫Baiklah, jadi sekarang mari kita tambahkan dan

66
00:03:46,300 --> 00:03:48,273
‫impor pengontrol itu di sini.

67
00:04:00,570 --> 00:04:04,223
‫Jadi pengontrol dan kemudian melihat pengontrol.

68
00:04:05,100 --> 00:04:09,230
‫Oke, jadi di sini, kita akan

69
00:04:10,090 --> 00:04:14,320
‫memiliki view controller dot get overview, oke.

70
00:04:14,320 --> 00:04:15,913
‫Dan sekarang, di sini sama.

71
00:04:19,610 --> 00:04:22,543
‫Ekspor dot get tour.

72
00:04:26,056 --> 00:04:26,889
‫Oke.

73
00:04:35,010 --> 00:04:38,100
‫Dan yang satu ini sebenarnya hanya sebuah ujian.

74
00:04:38,100 --> 00:04:40,220
‫Jadi mari kita singkirkan.

75
00:04:40,220 --> 00:04:44,150
‫Dan sekarang, akhirnya kami sebenarnya tidak menginginkan rute yang disebut

76
00:04:44,150 --> 00:04:45,950
‫ikhtisar tetapi sebaliknya, kami

77
00:04:45,950 --> 00:04:49,040
‫ingin menunjukkan ikhtisar tepat ketika kami membuka halaman.

78
00:04:49,040 --> 00:04:52,380
‫Oke, jadi seperti yang kita miliki di sini.

79
00:04:52,380 --> 00:04:55,920
‫Jadi ini adalah halaman rute dan kapan pun itu

80
00:04:55,920 --> 00:04:58,570
‫diminta, halaman ikhtisar ini akan ditampilkan.

81
00:04:58,570 --> 00:05:02,343
‫Oke, dan itulah yang kami inginkan dalam aplikasi kami.

82
00:05:03,950 --> 00:05:08,290
‫Baiklah, jadi mari kita uji.

83
00:05:08,290 --> 00:05:11,083
‫Jadi yang ini di sini sekarang harus menjadi halaman ikhtisar.

84
00:05:12,700 --> 00:05:16,230
‫Dan memang, itu, oke.

85
00:05:16,230 --> 00:05:18,930
‫Dan sekarang di sini, mari muat ulang yang ini

86
00:05:18,930 --> 00:05:21,420
‫juga hanya untuk melihat apakah semuanya masih berfungsi.

87
00:05:21,420 --> 00:05:24,400
‫Dan memang, bagus.

88
00:05:24,400 --> 00:05:28,723
‫Dan tentu saja, kami juga masih dapat mengakses API kami.

89
00:05:30,640 --> 00:05:33,403
‫Jadi katakanlah API, V1, tur

90
00:05:34,290 --> 00:05:35,293
‫slash.

91
00:05:36,289 --> 00:05:38,860
‫Dan itu akan memberi kami semua tur kami dan

92
00:05:38,860 --> 00:05:40,963
‫kami kembali untuk titik akhir ini.

93
00:05:41,832 --> 00:05:42,665
‫Oke.

94
00:05:44,010 --> 00:05:45,690
‫Fantastis, jadi dengan ini,

95
00:05:45,690 --> 00:05:48,070
‫kami sebenarnya siap untuk benar-benar mulai membangun

96
00:05:48,070 --> 00:05:50,450
‫halaman ikhtisar ini di kuliah berikutnya.

97
00:05:50,450 --> 00:05:52,183
‫Jadi saya tidak sabar untuk melihat Anda di sana.