1
00:00:00,762 --> 00:00:02,250
‫Narator: Jadi sekarang

2
00:00:02,250 --> 00:00:04,410
‫setelah Anda memiliki gambaran yang

3
00:00:04,410 --> 00:00:06,290
‫baik tentang cara kerja

4
00:00:06,290 --> 00:00:08,913
‫web di belakang layar, mari pelajari tentang

5
00:00:08,913 --> 00:00:11,796
‫apa sebenarnya pengembangan web back-end dan bagaimana

6
00:00:11,796 --> 00:00:14,415
‫perbandingannya dengan pengembangan front-end, karena ini adalah

7
00:00:14,415 --> 00:00:17,666
‫perbedaan yang sangat penting dalam web dunia pembangunan.

8
00:00:17,666 --> 00:00:20,330
‫Jadi untuk membedakan antara front-end dan

9
00:00:20,330 --> 00:00:21,730
‫back-end situs

10
00:00:21,730 --> 00:00:23,980
‫web dan pengembangan web secara

11
00:00:23,980 --> 00:00:25,619
‫umum, kami masih

12
00:00:25,619 --> 00:00:27,767
‫mempertimbangkan arsitektur client-server yang sama

13
00:00:27,767 --> 00:00:29,950
‫dengan yang kami bicarakan sebelumnya.

14
00:00:29,950 --> 00:00:32,269
‫Jadi secara umum, pengembangan front-end

15
00:00:32,269 --> 00:00:35,830
‫adalah tentang segala sesuatu yang terjadi di browser web.

16
00:00:35,830 --> 00:00:38,010
‫Jadi ini tentang merancang dan membangun

17
00:00:38,010 --> 00:00:39,940
‫situs web akhir yang akan

18
00:00:39,940 --> 00:00:42,371
‫terlihat oleh pengguna, dan oleh karena

19
00:00:42,371 --> 00:00:44,123
‫itu, namanya front-end.

20
00:00:44,960 --> 00:00:46,188
‫Pengembang

21
00:00:46,188 --> 00:00:50,024
‫front-end menggunakan teknologi dasar: HTML, CSS, dan

22
00:00:50,024 --> 00:00:54,028
‫JavaScript, yang bersama-sama membentuk tumpukan teknologi front-end.

23
00:00:54,028 --> 00:00:56,510
‫Sekarang, banyak pengembang front-end modern menambahkan

24
00:00:56,510 --> 00:00:58,660
‫lebih banyak barang ke

25
00:00:58,660 --> 00:01:03,010
‫tumpukan front-end seperti React atau Angular atau Redux atau GraphQL atau

26
00:01:03,010 --> 00:01:05,715
‫apa pun yang keren akhir-akhir ini.

27
00:01:05,715 --> 00:01:09,150
‫Jadi teknologi ini membuat pengembangan front-end lebih mudah dan

28
00:01:09,150 --> 00:01:10,950
‫semua teknologi ini

29
00:01:10,950 --> 00:01:12,930
‫bersama-sama yang diputuskan oleh pengembang

30
00:01:12,930 --> 00:01:15,090
‫atau tim untuk digunakan di front-end,

31
00:01:15,090 --> 00:01:17,169
‫apakah tumpukan front-end mereka, oke?

32
00:01:17,169 --> 00:01:19,170
‫Dan Anda mungkin sudah mengetahui sebagian besar

33
00:01:19,170 --> 00:01:21,320
‫hal ini, tetapi saya masih ingin memberi

34
00:01:21,320 --> 00:01:24,070
‫Anda gambaran singkat tentang bagaimana semuanya cocok dengan gambaran

35
00:01:24,070 --> 00:01:25,931
‫yang lebih besar di sini.

36
00:01:25,931 --> 00:01:29,605
‫Baiklah, dan sekarang beralih ke back-end.

37
00:01:29,605 --> 00:01:31,890
‫Bagian dari pengembangan web ini adalah

38
00:01:31,890 --> 00:01:34,313
‫tentang segala sesuatu yang terjadi di server

39
00:01:34,313 --> 00:01:36,350
‫web, jadi segala sesuatu yang tidak

40
00:01:36,350 --> 00:01:37,912
‫terlihat oleh pengguna

41
00:01:37,912 --> 00:01:40,768
‫akhir dan oleh karena itu namanya back-end, oke?

42
00:01:40,768 --> 00:01:43,624
‫Dan karena kita sedang berbicara tentang

43
00:01:43,624 --> 00:01:47,800
‫situs server sekarang, mari kita definisikan apa sebenarnya server itu.

44
00:01:47,800 --> 00:01:50,745
‫Server dasar sebenarnya hanyalah sebuah

45
00:01:50,745 --> 00:01:52,880
‫komputer yang terhubung

46
00:01:52,880 --> 00:01:55,990
‫ke internet yang, pertama, menyimpan file

47
00:01:55,990 --> 00:01:58,670
‫situs web seperti HTML, CSS,

48
00:01:58,670 --> 00:02:01,340
‫dan gambar, dan kedua,

49
00:02:01,340 --> 00:02:04,073
‫menjalankan server HTTP yang mampu

50
00:02:04,073 --> 00:02:07,600
‫memahami URL, permintaan, dan juga mengirimkan tanggapan.

51
00:02:07,600 --> 00:02:10,167
‫Jadi bagian dari perangkat

52
00:02:10,167 --> 00:02:13,480
‫lunak server HTTP inilah yang sebenarnya berkomunikasi

53
00:02:13,480 --> 00:02:16,220
‫dengan browser menggunakan permintaan dan tanggapan.

54
00:02:16,220 --> 00:02:18,230
‫Oleh karena itu, seperti jembatan

55
00:02:18,230 --> 00:02:20,160
‫antara front-end dan back-end

56
00:02:20,160 --> 00:02:23,140
‫dari sebuah situs web atau aplikasi web.

57
00:02:23,140 --> 00:02:25,430
‫Sekarang server web sederhana seperti

58
00:02:25,430 --> 00:02:28,275
‫yang baru saja saya jelaskan disebut server

59
00:02:28,275 --> 00:02:30,530
‫statis, karena yang dapat

60
00:02:30,530 --> 00:02:34,660
‫dilakukan hanyalah menyajikan file statis ke klien melalui HTTP.

61
00:02:34,660 --> 00:02:37,293
‫Jika Anda hanya perlu meng-host situs web

62
00:02:37,293 --> 00:02:39,570
‫sederhana, maka inilah yang Anda butuhkan.

63
00:02:39,570 --> 00:02:41,900
‫Tetapi jika Anda ingin membawanya ke tingkat

64
00:02:41,900 --> 00:02:43,950
‫berikutnya dan membuat aplikasi web

65
00:02:43,950 --> 00:02:46,365
‫dinamis yang berbicara dengan database dan semua

66
00:02:46,365 --> 00:02:49,720
‫hal bagus lainnya, kami menggunakan server yang juga mampu

67
00:02:49,720 --> 00:02:51,548
‫menjalankan ATAU aplikasi dinamis,

68
00:02:51,548 --> 00:02:53,520
‫seperti kode yang kami tulis

69
00:02:53,520 --> 00:02:55,779
‫dan jalankan di bagian pengantar kursus.

70
00:02:55,779 --> 00:02:58,800
‫Ini kemudian disebut server dinamis, di mana

71
00:02:58,800 --> 00:03:00,500
‫kita menjalankan aplikasi

72
00:03:00,500 --> 00:03:02,610
‫ATAU, server HTTP, dan tentu

73
00:03:02,610 --> 00:03:05,380
‫saja, semua file berbicara satu sama lain.

74
00:03:05,380 --> 00:03:07,400
‫Dan dalam beberapa kasus, hanya itu

75
00:03:07,400 --> 00:03:09,323
‫yang kami butuhkan untuk aplikasi

76
00:03:09,323 --> 00:03:12,310
‫OR, tetapi biasanya ketika kami membangun situs web atau

77
00:03:12,310 --> 00:03:14,610
‫aplikasi dinamis, kami juga akan menggunakan database,

78
00:03:14,610 --> 00:03:17,379
‫yang dapat kami akses langsung dari aplikasi kami.

79
00:03:17,379 --> 00:03:19,342
‫Omong-omong, jika istilah situs

80
00:03:19,342 --> 00:03:21,820
‫web atau aplikasi statis dan dinamis

81
00:03:21,820 --> 00:03:23,894
‫agak membingungkan Anda, tidak masalah.

82
00:03:23,894 --> 00:03:26,487
‫Kami akan membicarakannya di video berikutnya.

83
00:03:26,487 --> 00:03:28,843
‫Bagaimanapun, kita dapat menggunakan database

84
00:03:28,843 --> 00:03:32,004
‫untuk menyimpan hal-hal seperti pengguna atau data aplikasi

85
00:03:32,004 --> 00:03:34,778
‫atau teks untuk mengisi template situs web.

86
00:03:34,778 --> 00:03:38,160
‫Dalam aplikasi yang serius, akan selalu ada database

87
00:03:38,160 --> 00:03:40,370
‫dan kode back-end kami

88
00:03:40,370 --> 00:03:42,676
‫akan berkomunikasi dengan database tersebut.

89
00:03:42,676 --> 00:03:45,090
‫Jadi, beberapa hal biasa yang ditangani

90
00:03:45,090 --> 00:03:47,200
‫di back-end atau sisi

91
00:03:47,200 --> 00:03:50,088
‫server seperti yang kita juga dapat menyebutnya

92
00:03:50,088 --> 00:03:53,406
‫untuk membuat profil pengguna, melakukan log-in, mengirim email,

93
00:03:53,406 --> 00:03:56,810
‫menangani pembayaran, mengambil dan mengirim data permintaan dari database

94
00:03:56,810 --> 00:03:59,850
‫ke klien , memanipulasi data di database, mengisi

95
00:03:59,850 --> 00:04:02,517
‫template website, dan masih banyak lagi.

96
00:04:02,517 --> 00:04:05,020
‫Dan kami akan melakukan banyak hal menarik

97
00:04:05,020 --> 00:04:07,233
‫ini sepanjang kursus, sebenarnya semuanya benar-benar.

98
00:04:07,233 --> 00:04:10,800
‫Sekarang tentang teknologi seperti yang bisa Anda tebak,

99
00:04:10,800 --> 00:04:14,235
‫kita akan menggunakan NodeJS sebagai server web dinamis

100
00:04:14,235 --> 00:04:17,400
‫dan MongoDB sebagai database kita, jadi data

101
00:04:17,400 --> 00:04:19,294
‫atau tumpukan back-end.

102
00:04:19,294 --> 00:04:22,670
‫Tetapi ada begitu banyak teknologi dan tumpukan back-end

103
00:04:22,670 --> 00:04:25,040
‫yang tersedia untuk back-end.

104
00:04:25,040 --> 00:04:28,025
‫Hal-hal seperti PHP dengan database MySQL atau

105
00:04:28,025 --> 00:04:31,123
‫Python dengan database PostgreSQL atau beberapa orang

106
00:04:31,123 --> 00:04:33,750
‫menggunakan Ruby on Rails bahkan mungkin

107
00:04:33,750 --> 00:04:36,120
‫dengan beberapa database lain.

108
00:04:36,120 --> 00:04:38,430
‫Tapi, karena Anda ingin mempelajari NodeJS

109
00:04:38,430 --> 00:04:40,980
‫dengan baik, kami akan menggunakannya dengan tepat.

110
00:04:40,980 --> 00:04:43,230
‫Dan database paling populer yang

111
00:04:43,230 --> 00:04:46,070
‫digunakan dengan Node, tidak diragukan lagi, adalah MongoDB.

112
00:04:46,070 --> 00:04:49,007
‫Dan, jadi, itulah pilihan kami untuk tumpukan back-end.

113
00:04:49,007 --> 00:04:52,237
‫Sekarang, Anda mungkin pernah mendengar istilah tumpukan penuh

114
00:04:52,237 --> 00:04:54,180
‫sebelumnya, dan itu

115
00:04:54,180 --> 00:04:56,710
‫hanyalah front-end ditambah tumpukan back-end bersama-sama.

116
00:04:56,710 --> 00:04:59,180
‫Jadi, pengembang yang melakukan pengembangan

117
00:04:59,180 --> 00:05:01,209
‫front-end dan back-end dapat

118
00:05:01,209 --> 00:05:04,117
‫menyebut dirinya sebagai pengembang tumpukan penuh,

119
00:05:04,117 --> 00:05:06,410
‫tetapi pengembang ini semakin jarang,

120
00:05:06,410 --> 00:05:08,150
‫terutama karena

121
00:05:08,150 --> 00:05:11,110
‫front-end menjadi semakin kompleks akhir-akhir ini.

122
00:05:11,110 --> 00:05:14,630
‫Akhirnya, hal lain yang ingin saya sebutkan dengan cepat adalah, seperti

123
00:05:14,630 --> 00:05:17,150
‫yang Anda lihat, kita akan menggunakan Node

124
00:05:17,150 --> 00:05:19,400
‫yang diterapkan pada pengembangan web back-end

125
00:05:19,400 --> 00:05:21,930
‫dan bukan sesuatu seperti pemrograman perangkat keras.

126
00:05:21,930 --> 00:05:24,670
‫Jadi, Anda secara teknis dapat menggunakan Node

127
00:05:24,670 --> 00:05:27,240
‫untuk hal-hal seperti drone terbang, robot

128
00:05:27,240 --> 00:05:30,300
‫pemrograman, atau mengembangkan perangkat lunak untuk perangkat IFT.

129
00:05:30,300 --> 00:05:32,610
‫Tapi, itu di luar cakupan kursus ini.

130
00:05:32,610 --> 00:05:35,670
‫Jika Anda ingin memprogram perangkat IFT dengan Node, tentu

131
00:05:35,670 --> 00:05:38,550
‫saja ini akan tetap bermanfaat bagi Anda, hanya

132
00:05:38,550 --> 00:05:40,650
‫saja bukan fokus dari proyek yang

133
00:05:40,650 --> 00:05:42,528
‫akan kita bangun, oke?

134
00:05:42,528 --> 00:05:46,100
‫Baiklah dan saya kira itu merangkum perbedaan antara sisi

135
00:05:46,100 --> 00:05:48,425
‫front-end dan sisi back-end pengembangan web,

136
00:05:48,425 --> 00:05:50,734
‫sehingga ke depan, Anda memiliki

137
00:05:50,734 --> 00:05:52,970
‫ide bagus tentang domain

138
00:05:52,970 --> 00:05:55,753
‫tempat NodeDS sebenarnya digunakan di dunia nyata.