1
00:00:03,420 --> 00:00:09,220
Теперь, когда у нас есть хорошее понимание JavaScript фреймворков,

2
00:00:09,220 --> 00:00:12,145
давайте поговорим конкретно об Angular,

3
00:00:12,145 --> 00:00:14,475
краткую историю Angular,

4
00:00:14,475 --> 00:00:16,140
, откуда он пришел,

5
00:00:16,140 --> 00:00:20,800
и некоторые характерные особенности Angular, прежде чем мы идем

6
00:00:20,800 --> 00:00:26,560
, чтобы начать наше первое практическое упражнение с Angular.

7
00:00:26,560 --> 00:00:29,950
Говоря немного об истории Angular,

8
00:00:29,950 --> 00:00:35,110
Angular эволюционировал из своего более раннего воплощения как AngularJS.

9
00:00:35,110 --> 00:00:42,590
AngularS был разработан в первую очередь Миско Хевери и был представлен примерно в 2012 году

10
00:00:42,590 --> 00:00:47,855
и быстро стал очень популярным фреймворком приложений данных.

11
00:00:47,855 --> 00:00:52,765
Угловая, о которой мы говорим в этом курсе

12
00:00:52,765 --> 00:00:58,725
, была полной повторной реализацией угловой структуры.

13
00:00:58,725 --> 00:01:05,980
Итак, Angular, как вы видите сейчас, совершенно новое животное со своими новыми характеристиками,

14
00:01:05,980 --> 00:01:14,220
, но обязан некоторые из своих концепций и особенностей более ранней версии Angular.

15
00:01:14,220 --> 00:01:18,919
Таким образом, вы увидите некоторую общую терминологию между AngularJS и Angular,

16
00:01:18,919 --> 00:01:23,110
и некоторые общие подходы к решению проблемы между ними.

17
00:01:23,110 --> 00:01:28,070
Но синтаксис Angular значительно отличается от

18
00:01:28,070 --> 00:01:33,770
синтаксиса AngularJS, если вы были знакомы с AngularJS.

19
00:01:33,770 --> 00:01:37,640
Итак, это требует от вас полностью перетренировать себя

20
00:01:37,640 --> 00:01:43,015
в Угловой способ решения задач.

21
00:01:43,015 --> 00:01:50,720
Angular - это основанный на компонентах подход для реализации веб-приложений.

22
00:01:50,720 --> 00:01:56,315
Итак, компонент стал фронтом и центром Углового теперь.

23
00:01:56,315 --> 00:01:59,830
Хотя подход на основе компонентов был обратно портирован на

24
00:01:59,830 --> 00:02:04,060
AngularJS также из версии AngularJS 1.5.

25
00:02:04,060 --> 00:02:08,540
Итак, если вы были компонентным подходом с AngularJS,

26
00:02:08,540 --> 00:02:14,460
вы будете на несколько знакомой территории, если вы войдете в Angular.

27
00:02:14,460 --> 00:02:19,280
Angular был разработан с самого начала

28
00:02:19,280 --> 00:02:24,325
с мобильной поддержкой, так что вы можете легко обращаться к мобильным платформам,

29
00:02:24,325 --> 00:02:29,840
, а также обеспечивает серверную рендеринг для ускорения

30
00:02:29,840 --> 00:02:37,400
рендеринга вашего веб-приложения в браузерах.

31
00:02:37,400 --> 00:02:43,065
Также Angular обеспечивает мощный движок шаблонов и мощную поддержку шаблонов.

32
00:02:43,065 --> 00:02:48,260
Мы увидим некоторые из них более подробно по мере того, как мы идем дальше в этом курсе.

33
00:02:48,260 --> 00:02:50,765
Подводя итог, что именно такое Угловое?

34
00:02:50,765 --> 00:02:56,250
Angular представляет собой структурную структуру для разработки динамических веб-приложений.

35
00:02:56,250 --> 00:03:00,405
Подход на основе HTML, который мы видели,

36
00:03:00,405 --> 00:03:06,010
, например, с Bootstrap приводит в основном к статическим документам, конечно,

37
00:03:06,010 --> 00:03:07,720
с jQuery и AJAX,

38
00:03:07,720 --> 00:03:15,430
вы можете сделать немного динамического поведения на ваших сайтах, используя Bootstrap раньше,

39
00:03:15,430 --> 00:03:17,870
, но Угловое заполняет пробел, чтобы полностью поддерживать

40
00:03:17,870 --> 00:03:23,595
динамические приложения, динамические приложения, управляемые данными.

41
00:03:23,595 --> 00:03:26,110
Это использует декларативный подход.

42
00:03:26,110 --> 00:03:31,000
Мы говорили о декларативном программном подходе в предыдущей лекции

43
00:03:31,000 --> 00:03:37,205
, так что это то, что Angular принимает как свой способ решения проблем.

44
00:03:37,205 --> 00:03:39,180
Когда вы приходите в Угловой мир,

45
00:03:39,180 --> 00:03:43,025
вы довольно скоро будете бомбардированы большим количеством углового словаря.

46
00:03:43,025 --> 00:03:46,520
Вы услышите, как люди говорят об односторонней и двусторонней привязке данных,

47
00:03:46,520 --> 00:03:52,460
и затем компоненты очевидно, а затем вы услышите людей, говорящих о директивах,

48
00:03:52,460 --> 00:03:59,005
, затем маршрутизации, шаблонах и модулях, службе,

49
00:03:59,005 --> 00:04:03,724
то вы услышите, как люди говорят о поставщике и тестировании,

50
00:04:03,724 --> 00:04:09,055
и многое другое, и довольно скоро вы будете переполнены терминологией.

51
00:04:09,055 --> 00:04:13,855
В этом курсе мы будем придерживаться осторожного подхода к этой терминологии.

52
00:04:13,855 --> 00:04:17,690
Мы не будем слишком беспокоить себя терминологией, но

53
00:04:17,690 --> 00:04:23,135
вместо этого понять, как мы на самом деле используем Angular.

54
00:04:23,135 --> 00:04:27,125
С разумным пониманием

55
00:04:27,125 --> 00:04:31,785
этой терминологии, но как мы используем Angular для решения проблем?

56
00:04:31,785 --> 00:04:37,685
Эти условия замечательны, чтобы посыпать в вашем разговоре на коктейльных вечеринках.

57
00:04:37,685 --> 00:04:40,730
Если вы даже можете попробовать эти линии пикапа, «Baby,

58
00:04:40,730 --> 00:04:42,960
вы хотели бы увидеть мои компоненты,

59
00:04:42,960 --> 00:04:46,750
или вы приносите данные, и я буду поставщиком».

60
00:04:46,750 --> 00:04:50,035
Теперь, в зависимости от того, насколько хорошо вы можете унести его,

61
00:04:50,035 --> 00:04:53,310
вы можете быть большим хитом или вы будете поражен.

62
00:04:53,310 --> 00:04:57,520
Иногда, когда вы ищете Угловой в Интернете,

63
00:04:57,520 --> 00:05:00,850
вы увидите, что он называется Угловой Два,

64
00:05:00,850 --> 00:05:04,465
и вам будет интересно, это Угловой Два или это Угловой?

65
00:05:04,465 --> 00:05:07,115
Ну, чтобы сделать это более ясно,

66
00:05:07,115 --> 00:05:10,790
в недавнем сообщении в блоге на Угловом сайте,

67
00:05:10,790 --> 00:05:14,570
они сделали четкое различие между тем, почему они собираются называть

68
00:05:14,570 --> 00:05:19,940
эту новую структуру как просто Угловой, а не Угловой Два,

69
00:05:19,940 --> 00:05:22,055
или Угловой Три, или Угловой Четыре.

70
00:05:22,055 --> 00:05:25,140
Angular извергнул семантическое управление версиями

71
00:05:25,140 --> 00:05:30,710
для маркировки различных версий Angular как релиз.

72
00:05:30,710 --> 00:05:34,920
Семантическое управление версиями, использующее синтаксис в качестве основной версии,

73
00:05:34,920 --> 00:05:36,685
второстепенной версии и патча.

74
00:05:36,685 --> 00:05:40,450
Patch означает, что это в первую очередь исправления ошибок,

75
00:05:40,450 --> 00:05:42,985
второстепенная версия означает небольшие улучшения,

76
00:05:42,985 --> 00:05:46,720
и большая версия может внести изменения.

77
00:05:46,720 --> 00:05:50,940
Итак, прямо сейчас мы на Angular Six версии,

78
00:05:50,940 --> 00:05:59,530
и Angular Seven версии приходят в сентябре или октябре 2018 года,

79
00:05:59,530 --> 00:06:01,670
и каждые шесть месяцев после этого,

80
00:06:01,670 --> 00:06:03,980
вы увидите, что основная версия выпускается.

81
00:06:03,980 --> 00:06:05,875
Теперь, с вашей точки зрения,

82
00:06:05,875 --> 00:06:07,535
, как только вы начнете,

83
00:06:07,535 --> 00:06:10,820
Angular разработчики пообещали поддерживать

84
00:06:10,820 --> 00:06:16,355
обратную совместимость с применением более раннего синтаксиса

85
00:06:16,355 --> 00:06:20,825
и четко определенный путь обновления

86
00:06:20,825 --> 00:06:25,545
для тех, кто хочет перейти к более новым версиям Angular.

87
00:06:25,545 --> 00:06:28,300
Так что, не беспокойтесь об этом,

88
00:06:28,300 --> 00:06:33,335
то, что вы собираетесь узнать, будет держать вас в хорошем старте на долгое время.

89
00:06:33,335 --> 00:06:36,940
Это не будет похоже на от AngularJS до Angular,

90
00:06:36,940 --> 00:06:45,865
, что такое изменение не будет видно в будущих версиях Angular.

91
00:06:45,865 --> 00:06:51,890
Время перейти к нашим первым условиям на Угловое упражнение, где мы установим

92
00:06:51,890 --> 00:06:59,250
угловой cli, а затем создадим наше первое угловое приложение с использованием углового cli.