1
00:00:03,420 --> 00:00:09,220
Bây giờ chúng ta có một sự hiểu biết tốt về JavaScript framework, chúng ta

2
00:00:09,220 --> 00:00:12,145
hãy nói cụ thể về Angular,

3
00:00:12,145 --> 00:00:14,475
một lịch sử ngắn gọn về Angular,

4
00:00:14,475 --> 00:00:16,140
nó đến từ đâu,

5
00:00:16,140 --> 00:00:20,800
và một số tính năng nổi bật của Angular trước khi chúng ta

6
00:00:20,800 --> 00:00:26,560
bắt đầu bài tập thực hành đầu tiên của chúng tôi với Angular.

7
00:00:26,560 --> 00:00:29,950
Nói một chút về lịch sử của Angular, Ang

8
00:00:29,950 --> 00:00:35,110
ular tiến hóa từ hóa thân trước đó của nó như AngularJS.

9
00:00:35,110 --> 00:00:42,590
Angulars được thiết kế chủ yếu bởi Misko Hvery và được giới thiệu vào khoảng năm 2012,

10
00:00:42,590 --> 00:00:47,855
và nhanh chóng trở thành một khuôn khổ ứng dụng dữ liệu rất phổ biến.

11
00:00:47,855 --> 00:00:52,765
Góc mà chúng ta đang nói về trong khóa học này

12
00:00:52,765 --> 00:00:58,725
là một thực hiện lại hoàn toàn của khuôn khổ Angular.

13
00:00:58,725 --> 00:01:05,980
Vì vậy, Angular như bạn thấy bây giờ là một con vật hoàn toàn mới với những đặc điểm mới của riêng nó,

14
00:01:05,980 --> 00:01:14,220
nhưng không nợ một số khái niệm và tính năng của nó đối với phiên bản trước của Angular.

15
00:01:14,220 --> 00:01:18,919
Vì vậy, bạn sẽ thấy một số thuật ngữ phổ biến giữa cả AngularJS và Angular,

16
00:01:18,919 --> 00:01:23,110
và một số cách tiếp cận phổ biến để giải quyết vấn đề giữa cả hai chúng.

17
00:01:23,110 --> 00:01:28,070
Nhưng cú pháp AngularJS khác biệt đáng kể so với

18
00:01:28,070 --> 00:01:33,770
cú pháp AngularJS nếu bạn đã quen thuộc với AngularJS.

19
00:01:33,770 --> 00:01:37,640
Vì vậy, điều này đòi hỏi bạn phải hoàn toàn đào tạo lại chính mình

20
00:01:37,640 --> 00:01:43,015
vào cách giải quyết vấn đề góc cạnh.

21
00:01:43,015 --> 00:01:50,720
Angular là một cách tiếp cận dựa trên thành phần để thực hiện các ứng dụng web.

22
00:01:50,720 --> 00:01:56,315
Vì vậy, thành phần đã trở thành mặt trước và trung tâm của Angular bây giờ.

23
00:01:56,315 --> 00:01:59,830
Mặc dù, cách tiếp cận dựa trên thành phần đã được chuyển ngược sang

24
00:01:59,830 --> 00:02:04,060
AngularJS cũng từ AngularJS phiên bản 1.5.

25
00:02:04,060 --> 00:02:08,540
Vì vậy, nếu bạn đã được tiếp cận dựa trên thành phần với AngularJS,

26
00:02:08,540 --> 00:02:14,460
bạn sẽ ở trong một lãnh thổ hơi quen thuộc nếu bạn đi vào Angular.

27
00:02:14,460 --> 00:02:19,280
Angular đã được thiết kế ngay từ đầu

28
00:02:19,280 --> 00:02:24,325
với hỗ trợ di động để bạn có thể dễ dàng giải quyết các nền tảng di động,

29
00:02:24,325 --> 00:02:29,840
và cũng cung cấp kết xuất phía máy chủ để tăng tốc

30
00:02:29,840 --> 00:02:37,400
độ hiển thị ứng dụng web của bạn trên các trình duyệt.

31
00:02:37,400 --> 00:02:43,065
Ngoài ra, Angular cung cấp động cơ templating mạnh mẽ và hỗ trợ templating mạnh mẽ.

32
00:02:43,065 --> 00:02:48,260
Chúng tôi sẽ xem một số trong số này một cách chi tiết hơn khi chúng tôi đi cùng trong khóa học này.

33
00:02:48,260 --> 00:02:50,765
Để tóm tắt, Angular chính xác là gì?

34
00:02:50,765 --> 00:02:56,250
Angular là một khuôn khổ cấu trúc để thiết kế các ứng dụng web động.

35
00:02:56,250 --> 00:03:00,405
Cách tiếp cận dựa trên HTML mà chúng ta đã thấy,

36
00:03:00,405 --> 00:03:06,010
ví dụ, với Bootstrap kết quả trong tài liệu chủ yếu tĩnh, tất nhiên,

37
00:03:06,010 --> 00:03:07,720
với jQuery và AJAX,

38
00:03:07,720 --> 00:03:15,430
bạn có thể làm một chút hành vi động trong các trang web của bạn bằng cách sử dụng Bootstrap trước đó,

39
00:03:15,430 --> 00:03:17,870
nhưng Angular lấp đầy khoảng trống để hỗ trợ

40
00:03:17,870 --> 00:03:23,595
hoàn toàn năng động ứng dụng, các ứng dụng động dựa trên dữ liệu.

41
00:03:23,595 --> 00:03:26,110
Điều này sử dụng một cách tiếp cận khai báo.

42
00:03:26,110 --> 00:03:31,000
Chúng tôi đã nói về cách tiếp cận lập trình khai báo trong bài giảng trước đó,

43
00:03:31,000 --> 00:03:37,205
vì vậy đó là những gì Angular áp dụng như cách giải quyết các vấn đề.

44
00:03:37,205 --> 00:03:39,180
Khi bạn bước vào thế giới Angular,

45
00:03:39,180 --> 00:03:43,025
bạn sẽ sớm bị bắn phá với rất nhiều từ vựng Angular.

46
00:03:43,025 --> 00:03:46,520
Bạn sẽ nghe mọi người nói về một chiều và hai chiều dữ liệu ràng buộc,

47
00:03:46,520 --> 00:03:52,460
và sau đó các thành phần rõ ràng và sau đó bạn nghe mọi người nói về chỉ thị,

48
00:03:52,460 --> 00:03:59,005
sau đó định tuyến, mẫu và mô-đun, dịch vụ,

49
00:03:59,005 --> 00:04:03,724
sau đó bạn sẽ nghe mọi người nói về nhà cung cấp và thử nghiệm,

50
00:04:03,724 --> 00:04:09,055
và nhiều hơn nữa, và khá sớm bạn sẽ bị choáng ngợp với các thuật ngữ.

51
00:04:09,055 --> 00:04:13,855
Trong khóa học này, chúng tôi sẽ thực hiện một cách tiếp cận nhẹ nhàng đối với thuật ngữ này.

52
00:04:13,855 --> 00:04:17,690
Chúng tôi sẽ không bận tâm quá nhiều với thuật ngữ mà

53
00:04:17,690 --> 00:04:23,135
thay vào đó hiểu làm thế nào chúng tôi thực sự sử dụng Angular.

54
00:04:23,135 --> 00:04:27,125
Với một sự hiểu biết hợp lý về

55
00:04:27,125 --> 00:04:31,785
thuật ngữ này nhưng làm thế nào chúng ta sử dụng Angular để giải quyết vấn đề?

56
00:04:31,785 --> 00:04:37,685
Những thuật ngữ này là tuyệt vời để rắc trong cuộc trò chuyện của bạn trong các bữa tiệc cocktail.

57
00:04:37,685 --> 00:04:40,730
Nếu bạn thậm chí có thể thử dòng đón này, “Baby,

58
00:04:40,730 --> 00:04:42,960
bạn muốn xem

59
00:04:42,960 --> 00:04:46,750
các thành phần của tôi, hoặc bạn mang dữ liệu và tôi sẽ là nhà cung cấp.”

60
00:04:46,750 --> 00:04:50,035
Bây giờ, tùy thuộc vào cách bạn có thể mang nó ra,

61
00:04:50,035 --> 00:04:53,310
bạn có thể là một hit lớn hoặc bạn sẽ bị đánh.

62
00:04:53,310 --> 00:04:57,520
Đôi khi, khi bạn tìm kiếm Angular trên web,

63
00:04:57,520 --> 00:05:00,850
bạn sẽ thấy nó được gọi là Angular Two,

64
00:05:00,850 --> 00:05:04,465
và bạn sẽ tự hỏi, là Angular Two hay là Angular?

65
00:05:04,465 --> 00:05:07,115
Vâng, để làm cho nó rõ ràng hơn,

66
00:05:07,115 --> 00:05:10,790
trong một bài đăng trên blog gần đây trên trang Angular,

67
00:05:10,790 --> 00:05:14,570
họ đã phân biệt rõ ràng giữa lý do tại sao họ sẽ được

68
00:05:14,570 --> 00:05:19,940
gọi khuôn khổ mới này là chỉ Angular chứ không phải là Angular Two,

69
00:05:19,940 --> 00:05:22,055
hoặc Angular Three, hoặc Angular Four.

70
00:05:22,055 --> 00:05:25,140
Angular đã phun trào phiên bản ngữ nghĩa

71
00:05:25,140 --> 00:05:30,710
để đánh dấu các phiên bản khác nhau của Angular như là bản phát hành.

72
00:05:30,710 --> 00:05:34,920
Lập phiên bản ngữ nghĩa sử dụng cú pháp như phiên bản chính, phiên

73
00:05:34,920 --> 00:05:36,685
bản phụ và bản vá. Bản

74
00:05:36,685 --> 00:05:40,450
vá có nghĩa là đây chủ yếu là sửa lỗi,

75
00:05:40,450 --> 00:05:42,985
phiên bản phụ có nghĩa là cải tiến nhỏ,

76
00:05:42,985 --> 00:05:46,720
và một phiên bản chính có thể giới thiệu những thay đổi phá vỡ.

77
00:05:46,720 --> 00:05:50,940
Vì vậy, ngay bây giờ, chúng tôi đang ở phiên bản Angular Six,

78
00:05:50,940 --> 00:05:59,530
và phiên bản Angular Seven đến vào tháng 9 hoặc tháng 10 năm 2018,

79
00:05:59,530 --> 00:06:01,670
và mỗi sáu tháng sau đó,

80
00:06:01,670 --> 00:06:03,980
bạn sẽ thấy một phiên bản chính được phát hành.

81
00:06:03,980 --> 00:06:05,875
Bây giờ, từ quan điểm của bạn,

82
00:06:05,875 --> 00:06:07,535
một khi bạn bắt đầu, các

83
00:06:07,535 --> 00:06:10,820
nhà phát triển Angular đã hứa sẽ duy trì

84
00:06:10,820 --> 00:06:16,355
khả năng tương thích ngược với việc áp dụng cú pháp trước đó

85
00:06:16,355 --> 00:06:20,825
và một con đường nâng cấp được xác định rõ ràng

86
00:06:20,825 --> 00:06:25,545
cho những người muốn chuyển sang các phiên bản mới hơn của Angular.

87
00:06:25,545 --> 00:06:28,300
Vì vậy, đừng quá lo lắng về nó,

88
00:06:28,300 --> 00:06:33,335
những gì bạn sẽ học sẽ giữ cho bạn khởi đầu tốt trong một thời gian dài sắp tới.

89
00:06:33,335 --> 00:06:36,940
Nó sẽ không giống như từ AngularJS đến Angular,

90
00:06:36,940 --> 00:06:45,865
loại thay đổi phá vỡ đó sẽ không được nhìn thấy trong các phiên bản tương lai của Angular.

91
00:06:45,865 --> 00:06:51,890
Thời gian để chuyển sang thuật ngữ đầu tiên của chúng tôi về tập thể dục góc, nơi chúng tôi sẽ cài đặt

92
00:06:51,890 --> 00:06:59,250
các góc cli và sau đó tạo ra ứng dụng góc đầu tiên của chúng tôi bằng cách sử dụng góc cli.