1
00:00:02,270 --> 00:00:06,345
Apa itu Pengembangan Web Full Stack ?.

2
00:00:06,345 --> 00:00:11,565
Saya akan menjelaskan kepada Anda beberapa istilah sehingga kita mulai dengan pemahaman yang sama

3
00:00:11,565 --> 00:00:18,035
tentang pengembangan web full stack seperti yang diterapkan dalam specialization ini.

4
00:00:18,035 --> 00:00:22,415
Kita sering mendengar orang membicarakan front end dan back end.

5
00:00:22,415 --> 00:00:27,000
Front end adalah tempat kita mengirimkan konten kepada pengguna (user),

6
00:00:27,000 --> 00:00:32,335
biasanya browser tempat pengguna mengakses informasi.

7
00:00:32,335 --> 00:00:36,740
Di sinilah kita menggunakan teknologi seperti HTML,

8
00:00:36,740 --> 00:00:41,475
CSS dan JavaScript untuk membagikan konten bagi pengguna.

9
00:00:41,475 --> 00:00:48,380
Penyampaian informasi ini didukung di balik layar oleh

10
00:00:48,380 --> 00:00:57,180
back end yang biasanya diterapkan saat ini menggunakan teknologi seperti PHP,

11
00:00:57,180 --> 00:01:02,770
Java, ASP.NET, Ruby, Python atau NodeJS.

12
00:01:02,770 --> 00:01:08,320
Kita sering mendengar orang berbicara tentang arsitektur tiga tingkat untuk pengembangan web.

13
00:01:08,320 --> 00:01:14,260
Dalam pendekatan ini, seluruh aplikasi web diatur menjadi tiga lapisan yang berbeda.

14
00:01:14,260 --> 00:01:20,580
Lapisan presentasi yang berkaitan dengan penyampaian informasi kepada pengguna.

15
00:01:20,580 --> 00:01:23,390
Jadi, ini biasanya terkait dengan UI

16
00:01:23,390 --> 00:01:26,780
yang menangani pada lapisan presentasi.

17
00:01:26,780 --> 00:01:29,840
Di sisi lain, lapisan logika (bisnis business logic layer) menangani

18
00:01:29,840 --> 00:01:32,760
lebih lanjut tentang data, validasi data,

19
00:01:32,760 --> 00:01:39,285
pemrosesan konten dinamis dan menghasilkan konten untuk dikirim ke pengguna.

20
00:01:39,285 --> 00:01:42,545
Ini didukung di belakang layar

21
00:01:42,545 --> 00:01:46,090
dengan lapisan persistensi data atau lapisan akses data.

22
00:01:46,090 --> 00:01:52,085
Jadi, ini berkaitan dengan cara kita menyimpan dan berinteraksi dengan data,

23
00:01:52,085 --> 00:01:58,620
biasanya dalam bentuk database dan mengakses data ini melalui API.

24
00:01:58,620 --> 00:02:03,020
Menjelajahi ini lebih jauh, mari kita lihat apa yang diterapkan

25
00:02:03,020 --> 00:02:08,145
biasanya dalam pengembangan web tradisional di masing-masing dari tiga lapisan ini.

26
00:02:08,145 --> 00:02:13,520
Lapisan logika bisnis biasanya diimplementasikan saat ini menggunakan teknologi seperti Ruby,

27
00:02:13,520 --> 00:02:19,250
Python, PHP, Java, C ++ atau ASP.NET.

28
00:02:19,250 --> 00:02:25,520
Lapisan logika bisnis ini berinteraksi di balik layar dengan

29
00:02:25,520 --> 00:02:28,340
data persisten yang biasanya disimpan di

30
00:02:28,340 --> 00:02:34,465
database relasional dan diakses oleh lapisan logika bisnis.

31
00:02:34,465 --> 00:02:37,415
Lapisan logika bisnis juga menangani

32
00:02:37,415 --> 00:02:41,015
dengan penyampaian informasi ke sisi depan(front end),

33
00:02:41,015 --> 00:02:44,415
biasanya, dalam bentuk sisi server menerjemahkan kasus ini.

34
00:02:44,415 --> 00:02:47,540
Jadi, HTML, CSS, dan JavaScript dihasilkan pada

35
00:02:47,540 --> 00:02:52,530
sisi server dan kemudian dikirim ke sisi klien dalam bentuk halaman web.

36
00:02:52,530 --> 00:02:58,870
Dalam pendekatan ini, kami membutuhkan spesialis di masing-masing dari tiga lapisan ini.

37
00:02:58,870 --> 00:03:06,465
Jadi, spesialis front-end biasanya berpengalaman dalam HTML, CSS, dan JavaScript.

38
00:03:06,465 --> 00:03:10,310
Spesialis logika bisnis akan menjadi

39
00:03:10,310 --> 00:03:14,975
berpengalaman dalam salah satu teknologi yang digunakan untuk

40
00:03:14,975 --> 00:03:17,375
menerapkan logika bisnis dan kemudian Anda butuhkan

41
00:03:17,375 --> 00:03:24,275
seorang spesialis data yang akan berpengalaman dalam sistem manajemen basis data relasional.

42
00:03:24,275 --> 00:03:29,480
Ada kecenderungan yang meningkat untuk menggunakan satu bahasa

43
00:03:29,480 --> 00:03:34,510
untuk menerapkan seluruh tumpukan(stack), ini menjadi JavaScript.

44
00:03:34,510 --> 00:03:38,300
Jadi, Anda dapat menerapkan front-end, misalnya,

45
00:03:38,300 --> 00:03:43,805
sebagai aplikasi satu halaman menggunakan kerangka kerja(framework) seperti Angular atau React.

46
00:03:43,805 --> 00:03:46,520
Anda memiliki sisi server atau

47
00:03:46,520 --> 00:03:51,130
lapisan logika bisnis diimplementasikan menggunakan teknologi seperti NodeJS,

48
00:03:51,130 --> 00:03:53,425
yang juga bergantung pada JavaScript.

49
00:03:53,425 --> 00:03:58,430
Kemudian Anda memiliki penyimpanan data itu sendiri yang diimplementasikan menggunakan teknologi

50
00:03:58,430 --> 00:04:03,960
seperti MongoDB yang menyimpan data dalam bentuk dokumen JSON.

51
00:04:03,960 --> 00:04:11,525
Pertukaran informasi antara sisi server dan sisi klien biasanya dilakukan

52
00:04:11,525 --> 00:04:19,760
menggunakan JSON sebagai format dan sisi server mendukung titik akhir REST API.

53
00:04:19,760 --> 00:04:25,065
Kita akan membahas semua teknologi ini sebagai bagian dari specialization ini.

54
00:04:25,065 --> 00:04:27,870
Jadi, saat Anda menjalani spesialisasi ini,

55
00:04:27,870 --> 00:04:31,370
anda akan melihat bahwa di sisi lapisan presentasi,

56
00:04:31,370 --> 00:04:33,795
kita akan membahas Bootstrap 4,

57
00:04:33,795 --> 00:04:39,665
sebuah Angular atau React untuk mengimplementasikan aplikasi front-end.

58
00:04:39,665 --> 00:04:42,350
Kemudian pada lapisan logika bisnis,

59
00:04:42,350 --> 00:04:45,154
kita akan menggunakan modul NodeJS dan NodeJS

60
00:04:45,154 --> 00:04:51,230
dan Express untuk mengimplementasikan lapisan logika bisnis.

61
00:04:51,230 --> 00:04:54,920
Kita juga meninjau back end sebagai layanan dan kemudian

62
00:04:54,920 --> 00:04:59,760
dukungan data diimplementasikan menggunakan MongoDB.