1
00:00:01,060 --> 00:00:04,450
‫Narator: Jadi setelah kuliah teori yang berat, sekarang

2
00:00:04,450 --> 00:00:07,236
‫mari kita lihat http beraksi dan

3
00:00:07,236 --> 00:00:09,640
‫lakukan beberapa permintaan dan

4
00:00:09,640 --> 00:00:14,163
‫lihat tanggapan yang kita dapatkan dengan menggunakan alat pengembang browser kita.

5
00:00:15,670 --> 00:00:18,260
‫Jadi saya menggunakan Google Chrome sebagai browser saya, dan saya

6
00:00:18,260 --> 00:00:21,100
‫di sini di udemy. com.

7
00:00:21,100 --> 00:00:23,260
‫Jadi, pergi saja ke udemy. com, lalu

8
00:00:23,260 --> 00:00:25,073
‫buka alat pengembang Anda.

9
00:00:26,410 --> 00:00:31,150
‫Dan saya menggunakan opsi perintah J untuk itu di Mac saya, di

10
00:00:31,150 --> 00:00:33,870
‫Windows mungkin Alt+Ctrl+J, atau cukup klik kanan

11
00:00:33,870 --> 00:00:36,100
‫di mana saja pada halaman

12
00:00:36,100 --> 00:00:38,260
‫dan kemudian klik periksa,

13
00:00:38,260 --> 00:00:42,100
‫untuk berjaga-jaga jika Anda tidak terbiasa dengan alat dev.

14
00:00:42,100 --> 00:00:45,120
‫Kemudian, yang akan kita lakukan adalah menuju

15
00:00:45,120 --> 00:00:46,820
‫ke tab jaringan.

16
00:00:46,820 --> 00:00:49,000
‫Dan kemudian klik di sini untuk menonaktifkan cache.

17
00:00:49,000 --> 00:00:51,110
‫Itu penting karena jika tidak,

18
00:00:51,110 --> 00:00:54,240
‫Anda mungkin memuat halaman dari komputer karena Anda

19
00:00:54,240 --> 00:00:57,310
‫pernah mengunjungi udemy. com sebelumnya.

20
00:00:57,310 --> 00:00:59,930
‫Oke, jadi sekarang kita

21
00:00:59,930 --> 00:01:02,665
‫muat ulang halaman, jadi kita akan

22
00:01:02,665 --> 00:01:06,640
‫merekam aktivitas jaringan di sini di tab jaringan ini.

23
00:01:06,640 --> 00:01:08,440
‫Jadi muat ulang ini.

24
00:01:08,440 --> 00:01:11,500
‫Jadi sekarang di sini kita bisa melihat semua

25
00:01:11,500 --> 00:01:14,060
‫permintaan yang terjadi di halaman.

26
00:01:14,060 --> 00:01:18,130
‫Jadi seperti yang saya katakan, akan ada banyak permintaan untuk

27
00:01:18,130 --> 00:01:20,743
‫semua elemen yang ada di halaman.

28
00:01:21,740 --> 00:01:23,200
‫Sekarang jika kita akan menjadi yang

29
00:01:23,200 --> 00:01:26,820
‫teratas di sini, yang pertama sebenarnya adalah udemy. com.

30
00:01:26,820 --> 00:01:29,870
‫Dan disini kita bisa melihat kode statusnya, yaitu 200, seperti

31
00:01:29,870 --> 00:01:31,550
‫yang saya katakan di kuliah

32
00:01:31,550 --> 00:01:33,040
‫lalu, itu artinya oke.

33
00:01:33,040 --> 00:01:35,030
‫Jadi semuanya berjalan dengan benar.

34
00:01:35,030 --> 00:01:37,130
‫Kemudian ukuran dan waktu

35
00:01:37,130 --> 00:01:39,500
‫yang dibutuhkan untuk mendownload resource ini.

36
00:01:39,500 --> 00:01:43,000
‫Tapi kemudian, kami juga memiliki semua sumber daya lain di

37
00:01:43,000 --> 00:01:46,220
‫sini seperti file CSS yang Anda lihat di sini,

38
00:01:46,220 --> 00:01:48,770
‫beberapa gambar, file skrip java seperti yang saya

39
00:01:50,550 --> 00:01:51,970
‫miliki di sini.

40
00:01:51,970 --> 00:01:54,830
‫Dan semua ini sebenarnya diprakarsai oleh indeks,

41
00:01:54,830 --> 00:01:56,913
‫jadi oleh halaman root.

42
00:01:57,820 --> 00:02:00,140
‫Oke, jadi kita punya udemy. com dan yang

43
00:02:00,140 --> 00:02:02,430
‫itu kemudian akan meminta semua aset ini.

44
00:02:02,430 --> 00:02:05,840
‫Jadi itu indeks, jadi tidak terjadi di inisiator, dan semua

45
00:02:05,840 --> 00:02:10,840
‫ini di sini diminta oleh udemy utama. com.

46
00:02:11,340 --> 00:02:14,220
‫Sekarang jika kita mengklik salah satu sumber ini, dan mari

47
00:02:14,220 --> 00:02:16,730
‫kita lakukan udemy. com dulu.

48
00:02:16,730 --> 00:02:19,490
‫Di sini kita bisa mendapatkan beberapa informasi lebih lanjut tentang

49
00:02:19,490 --> 00:02:20,519
‫permintaan, dan tanggapannya.

50
00:02:20,519 --> 00:02:25,470
‫Jadi pertama, permintaan yang sebenarnya ada di bagian bawah.

51
00:02:25,470 --> 00:02:29,040
‫Dan Anda akan melihat bahwa permintaan dibuat ke udemy. com, kami

52
00:02:29,040 --> 00:02:31,100
‫melakukan permintaan get, dan

53
00:02:31,100 --> 00:02:33,920
‫jalurnya hanya jalur root, seperti

54
00:02:33,920 --> 00:02:37,450
‫yang saya jelaskan di video terakhir, oke.

55
00:02:37,450 --> 00:02:39,440
‫Kemudian kami memiliki banyak

56
00:02:39,440 --> 00:02:41,430
‫tajuk, jadi ini

57
00:02:41,430 --> 00:02:46,010
‫di sini misalnya berarti halaman dikompresi hanya menggunakan gzip.

58
00:02:46,010 --> 00:02:50,050
‫Di sini Anda memiliki tajuk untuk mengatur beberapa cookie,

59
00:02:50,050 --> 00:02:51,990
‫dan banyak tajuk

60
00:02:51,990 --> 00:02:54,810
‫lain yang akan kita bicarakan nanti.

61
00:02:54,810 --> 00:02:56,970
‫Jadi ini adalah permintaannya,

62
00:02:56,970 --> 00:02:58,520
‫dan kemudian

63
00:02:58,520 --> 00:03:02,840
‫responsnya juga memiliki banyak dari semua tajuk ini, oke.

64
00:03:02,840 --> 00:03:06,700
‫Jadi kita bisa melihat kapan respon itu benar-benar dikirim.

65
00:03:06,700 --> 00:03:09,521
‫Kita dapat melihat sekumpulan cookie, dan

66
00:03:09,521 --> 00:03:11,820
‫kode status di sini

67
00:03:11,820 --> 00:03:15,120
‫juga, jadi dari sanalah 200 kode status berasal.

68
00:03:15,120 --> 00:03:18,330
‫Dan lagi, sekelompok header lainnya, yang

69
00:03:18,330 --> 00:03:21,100
‫akan kita bicarakan nanti, oke.

70
00:03:21,100 --> 00:03:22,260
‫Dan hal

71
00:03:22,260 --> 00:03:27,000
‫yang sama, tentu saja, kami memiliki semua aset lain yang diunduh.

72
00:03:27,000 --> 00:03:30,180
‫Jadi tanggapan dan permintaan di sini.

73
00:03:30,180 --> 00:03:32,120
‫Dan kali ini kita benar-benar melihat bahwa root

74
00:03:32,120 --> 00:03:34,880
‫di sini masih udemy. com, jadi

75
00:03:34,880 --> 00:03:36,930
‫apa yang mereka sebut

76
00:03:36,930 --> 00:03:39,980
‫otoritas di sini, tetapi jalurnya adalah

77
00:03:39,980 --> 00:03:41,875
‫semua ini, jadi lokasi

78
00:03:41,875 --> 00:03:45,850
‫ini di sini, di mana file CSS berada.

79
00:03:45,850 --> 00:03:49,260
‫Dan jika sekarang kita benar-benar menjelajahi suatu tempat di sini

80
00:03:49,260 --> 00:03:52,080
‫di halaman ini, katakanlah ke kursus pengembangan

81
00:03:52,080 --> 00:03:55,253
‫web, lalu mari kita lihat apa yang terjadi di sini.

82
00:03:56,920 --> 00:03:59,580
‫Dan, jadi di sini, kami memiliki

83
00:03:59,580 --> 00:04:02,810
‫halaman ini, yang merupakan sumber pengembangan web, oke.

84
00:04:02,810 --> 00:04:05,690
‫Jadi pada dasarnya bagian ini di sini dari URL.

85
00:04:05,690 --> 00:04:07,620
‫Ingatlah bahwa ini disebut sumber

86
00:04:07,620 --> 00:04:09,520
‫daya, dari video terakhir.

87
00:04:09,520 --> 00:04:11,289
‫Jadi jika kita klik

88
00:04:11,289 --> 00:04:14,787
‫itu, kita akan benar-benar melihatnya di sini lagi, kan.

89
00:04:17,210 --> 00:04:18,120
‫Jadi

90
00:04:18,120 --> 00:04:22,750
‫kita punya udemy lagi. com dan /coursesdevelopment/webdevelopment.

91
00:04:22,750 --> 00:04:27,040
‫Jadi itu adalah jalan di mana permintaan akan.

92
00:04:27,040 --> 00:04:30,190
‫Di sini di sisi kiri kita juga bisa menyukai gambar

93
00:04:30,190 --> 00:04:32,460
‫pratinjau misalnya, logo ini di sini.

94
00:04:32,460 --> 00:04:34,610
‫Ketika itu gambar, kita bisa melihat

95
00:04:35,580 --> 00:04:37,790
‫previewnya, kita bisa melihat responnya dengan lebih baik.

96
00:04:37,790 --> 00:04:40,930
‫Misalnya, di sini, kita benar-benar

97
00:04:40,930 --> 00:04:44,830
‫dapat melihat respons html yang muncul kembali.

98
00:04:44,830 --> 00:04:48,920
‫Jadi, alih-alih hanya melihat tajuk seperti yang kami lakukan di

99
00:04:48,920 --> 00:04:51,360
‫sini, kami sebenarnya dapat melihat respons

100
00:04:51,360 --> 00:04:55,810
‫juga, dan gambaran umum yang bagus tentang semua cookie yang disetel

101
00:04:55,810 --> 00:04:57,500
‫dalam permintaan ini.

102
00:04:57,500 --> 00:05:00,240
‫Sekarang kita tidak berbicara tentang cookie

103
00:05:00,240 --> 00:05:03,230
‫dulu, tapi sekali lagi itu sesuatu untuk nanti.

104
00:05:03,230 --> 00:05:06,790
‫Tapi saya pikir penting bagi Anda untuk mendapatkan gambaran umum

105
00:05:06,790 --> 00:05:10,120
‫tentang bagaimana permintaan dan tanggapan sebenarnya terlihat di

106
00:05:10,120 --> 00:05:11,090
‫bawah tenda.

107
00:05:11,090 --> 00:05:13,610
‫Jadi itulah tujuan video

108
00:05:13,610 --> 00:05:17,460
‫ini, saya harap pesannya jelas, dan semuanya

109
00:05:17,460 --> 00:05:18,990
‫masuk akal.

110
00:05:18,990 --> 00:05:20,220
‫Jadi, sekarang mari

111
00:05:20,220 --> 00:05:24,213
‫kita lanjutkan dan lanjutkan berbicara tentang pengembangan backend secara umum.