1
00:00:00,000 --> 00:00:03,112
[MUSIC]

2
00:00:03,112 --> 00:00:06,571
Phát triển web stack đầy đủ là gì?

3
00:00:06,571 --> 00:00:13,028
Hãy để tôi làm rõ cho bạn một vài thuật ngữ để chúng tôi bắt đầu với một sự hiểu biết chung

4
00:00:13,028 --> 00:00:18,781
về phát triển web stack đầy đủ như được áp dụng trong chuyên môn hóa này.

5
00:00:18,781 --> 00:00:22,640
Chúng ta thường nghe mọi người nói về đầu trước và đầu sau.

6
00:00:22,640 --> 00:00:27,362
Kết thúc phía trước là nơi chúng tôi đang cung cấp nội dung cho người dùng,

7
00:00:27,362 --> 00:00:32,363
thường là trong một trình duyệt, nơi người dùng truy cập thông tin.

8
00:00:32,363 --> 00:00:36,815
Và đây là nơi chúng tôi sử dụng các công nghệ như HTML,

9
00:00:36,815 --> 00:00:41,822
CSS và Javascript để hiển thị nội dung cho người dùng.

10
00:00:46,963 --> 00:00:52,615
Việc cung cấp thông tin này được hỗ trợ đằng sau hậu trường bởi một hỗ trợ backend, thường được

11
00:00:52,615 --> 00:00:59,039
thực hiện trong những ngày này bằng các công nghệ như PHP Java,

12
00:00:59,039 --> 00:01:03,163
ASP.NET, Ruby, Python hoặc NodeJS.

13
00:01:03,163 --> 00:01:07,303
Chúng ta thường nghe mọi người nói về kiến trúc ba tầng để

14
00:01:07,303 --> 00:01:08,451
phát triển web.

15
00:01:08,451 --> 00:01:12,965
Trong cách tiếp cận này toàn bộ ứng dụng web được tổ chức thành ba

16
00:01:12,965 --> 00:01:14,320
lớp khác nhau.

17
00:01:14,320 --> 00:01:16,073
Lớp trình bày,

18
00:01:16,073 --> 00:01:20,462
có liên quan đến việc cung cấp thông tin cho người dùng.

19
00:01:20,462 --> 00:01:25,053
Vì vậy, đây thường là mối quan tâm liên quan đến UI được xử lý tại

20
00:01:25,053 --> 00:01:26,896
lớp trình bày.

21
00:01:26,896 --> 00:01:32,181
Mặt khác, lớp logic kinh doanh quan tâm nhiều hơn về dữ liệu,

22
00:01:32,181 --> 00:01:36,145
xác thực dữ liệu, xử lý nội dung động và

23
00:01:36,145 --> 00:01:39,582
tạo ra nội dung được gửi đến người dùng.

24
00:01:39,582 --> 00:01:44,355
Điều này được sao lưu phía sau hậu trường với lớp tồn tại dữ liệu hoặc

25
00:01:44,355 --> 00:01:46,012
lớp truy cập dữ liệu.

26
00:01:46,012 --> 00:01:52,392
Vì vậy, điều này là quan tâm đến cách chúng tôi lưu trữ và tương tác với các dữ liệu,

27
00:01:52,392 --> 00:01:59,361
thường trong các hình thức một cơ sở dữ liệu, và truy cập dữ liệu này thông qua một API.

28
00:01:59,361 --> 00:02:04,070
Khám phá điều này hơn nữa, chúng ta hãy xem những gì được thực hiện thường xuyên trong

29
00:02:04,070 --> 00:02:08,466
sự phát triển web truyền thống trong mỗi ba lớp này.

30
00:02:08,466 --> 00:02:12,976
Lớp logic kinh doanh thường được thực hiện

31
00:02:12,976 --> 00:02:17,816
những ngày này bằng cách sử dụng các công nghệ như Ruby, Python

32
00:02:17,816 --> 00:02:21,120
, PHP, Java, C++, hoặc ASP.Net.

33
00:02:21,120 --> 00:02:25,884
Lớp logic kinh doanh này đang tương tác đằng sau hậu trường,

34
00:02:25,884 --> 00:02:31,747
với dữ liệu dai dẳng, thường được lưu trữ trong cơ sở dữ liệu quan hệ và

35
00:02:31,747 --> 00:02:34,780
được truy cập bởi lớp logic kinh doanh.

36
00:02:34,780 --> 00:02:39,752
Lớp logic kinh doanh cũng quan tâm

37
00:02:39,752 --> 00:02:44,510
đến việc render thông tin về phía trước thường là phía máy chủ chính thức render những ngày này.

38
00:02:44,510 --> 00:02:49,061
Vì vậy, HTML, CSS và JavaScript được tạo ra ở phía máy chủ và

39
00:02:49,061 --> 00:02:52,972
sau đó gửi qua phía máy khách dưới dạng một trang web.

40
00:02:52,972 --> 00:02:58,863
Trong cách tiếp cận này, chúng ta cần các chuyên gia trong mỗi ba lớp này.

41
00:02:58,863 --> 00:03:04,638
Vì vậy, một chuyên gia đầu cuối thường sẽ được thông thạo trong HTML,

42
00:03:04,638 --> 00:03:06,471
CSS và JavaScript.

43
00:03:06,471 --> 00:03:11,151
Các chuyên gia logic kinh doanh sẽ được thành thạo trong một trong những

44
00:03:11,151 --> 00:03:16,373
công nghệ được sử dụng để thực hiện logic kinh doanh.

45
00:03:16,373 --> 00:03:21,031
Và sau đó bạn cần một chuyên gia dữ liệu, những người sẽ thành thạo trong

46
00:03:21,031 --> 00:03:24,862
các mối quan hệ của các hệ thống quản lý cơ sở dữ liệu.

47
00:03:24,862 --> 00:03:29,813
Có một xu hướng ngày càng tăng đối với việc sử dụng một ngôn ngữ duy nhất

48
00:03:29,813 --> 00:03:34,482
để thực hiện toàn bộ ngăn xếp, đây là JavaScript.

49
00:03:34,482 --> 00:03:37,721
Vì vậy, bạn có thể có kết thúc phía trước được thực hiện,

50
00:03:37,721 --> 00:03:42,541
ví dụ, như một ứng dụng trang duy nhất bằng cách sử dụng các framework như Angular.

51
00:03:42,541 --> 00:03:47,224
Bạn có phía máy chủ, hoặc lớp logic kinh doanh đang được thực hiện

52
00:03:47,224 --> 00:03:52,074
bằng cách sử dụng các công nghệ như NodeJS, cũng phụ thuộc vào JavaScript.

53
00:03:52,074 --> 00:03:56,865
Và sau đó bạn có bản thân lưu trữ dữ liệu được thực hiện bằng cách sử dụng các

54
00:03:56,865 --> 00:04:02,453
công nghệ như MongoDB lưu trữ dữ liệu dưới dạng tài liệu JSON.

55
00:04:02,453 --> 00:04:08,122
Và trao đổi thông tin giữa phía máy chủ và

56
00:04:08,122 --> 00:04:13,908
phía máy khách thường được thực hiện bằng cách sử dụng JSON như định dạng và

57
00:04:13,908 --> 00:04:18,533
phía máy chủ hỗ trợ một điểm cuối API còn lại.

58
00:04:18,533 --> 00:04:24,433
Chúng tôi sẽ bao gồm tất cả các công nghệ này như là một phần của chuyên môn hóa này.

59
00:04:24,433 --> 00:04:29,083
Vì vậy, khi bạn đi qua chuyên môn hóa, bạn sẽ thấy rằng trên

60
00:04:29,083 --> 00:04:33,295
trang web lớp trình bày đó, chúng tôi sẽ bao gồm Bootstrap 4 và

61
00:04:33,295 --> 00:04:37,173
Angular để thực hiện các ứng dụng fronend.

62
00:04:37,173 --> 00:04:43,363
Sau đó, trên lớp logic kinh doanh, chúng tôi sẽ sử dụng JS và JS module,

63
00:04:43,363 --> 00:04:48,679
và Express để thực hiện lớp logic kinh doanh.

64
00:04:48,679 --> 00:04:53,026
Chúng tôi cũng sẽ xem xét kết thúc trở lại như một dịch vụ, và

65
00:04:53,026 --> 00:04:57,712
sau đó hỗ trợ dữ liệu được thực hiện bằng cách sử dụng MongoDB.

66
00:04:57,712 --> 00:05:00,616
Khi bạn đi qua chuyên môn hóa,

67
00:05:00,616 --> 00:05:05,544
các khóa học mơ hồ nhất mà bạn sẽ gặp phải trong chuyên môn

68
00:05:05,544 --> 00:05:11,002
bao gồm các khóa học đầu tiên mà đề cập đến khuôn khổ giao diện người dùng web front-end.

69
00:05:11,002 --> 00:05:18,061
Chúng tôi sẽ giới thiệu Bootstrap 4 đầy đủ chi tiết trong khóa học đầu tiên.

70
00:05:18,061 --> 00:05:25,723
Chúng ta cũng sẽ gặp phải các công cụ phát triển web dựa trên hệ sinh thái NodeJS.

71
00:05:25,723 --> 00:05:31,782
Khóa học thứ hai sẽ giải quyết các Frameworks JavaScript front-end,

72
00:05:31,782 --> 00:05:35,281
đặc biệt là Angular rất chi tiết.

73
00:05:35,281 --> 00:05:40,861
Trong khóa học thứ ba, chúng ta sẽ xem xét phát triển di động lai

74
00:05:40,861 --> 00:05:45,823
bằng cách sử dụng các công nghệ như Ionic Framework và Cordova.

75
00:05:45,823 --> 00:05:52,632
Chúng tôi cũng sẽ xem xét Nativescript như một cách tiếp cận khác để

76
00:05:52,632 --> 00:05:58,673
thực hiện phát triển di động lai trong khóa học thứ tư.

77
00:05:58,673 --> 00:06:03,514
Khóa học cuối cùng tất nhiên đưa chúng ta đến phía máy chủ,

78
00:06:03,514 --> 00:06:08,973
nơi chúng ta sẽ xem xét sự phát triển phía máy chủ bằng cách sử dụng NodeJS,

79
00:06:08,973 --> 00:06:14,638
module NodeJS, Express, MongoDB, và Backend as a Service,

80
00:06:14,638 --> 00:06:18,354
đặc biệt là sử dụng loop back framework.

81
00:06:18,354 --> 00:06:22,953
Điều này hoàn thành toàn bộ Phát triển Web Stack đầy đủ và

82
00:06:22,953 --> 00:06:25,644
Chuyên môn di động Hybrid.

83
00:06:25,644 --> 00:06:28,959
[ NHẠC]