1
00:00:00,000 --> 00:00:04,792
[MUSIC]

2
00:00:04,792 --> 00:00:10,490
Добро пожаловать на этот курс по Front-End JavaScript Frameworks: Angular.

3
00:00:10,490 --> 00:00:16,178
Это второй курс в специализации на полный стек веб и

4
00:00:16,178 --> 00:00:19,840
многоплатформенных мобильных приложений.

5
00:00:19,840 --> 00:00:25,830
Этот курс касается фреймворков JavaScript, в частности Angular.

6
00:00:25,830 --> 00:00:30,070
Вам, должно быть, интересно, это Угловое два, или это Угловое?

7
00:00:30,070 --> 00:00:34,940
Уточним, что в самом первом уроке по введению в Angular

8
00:00:34,940 --> 00:00:35,740
в этом курсе.

9
00:00:36,940 --> 00:00:39,390
Я рад, что вы решили присоединиться к этому курсу.

10
00:00:39,390 --> 00:00:43,141
И я надеюсь, вам будет весело пройти этот курс.

11
00:00:44,766 --> 00:00:47,181
Прежде чем приступить к этому курсу,

12
00:00:47,181 --> 00:00:52,650
Я хочу убедиться, что у вас есть достаточные знания HTML и CSS.

13
00:00:52,650 --> 00:00:59,448
А также хорошие рабочие знания JavaScript, особенно ES 5 JavaScript.

14
00:00:59,448 --> 00:01:04,526
Теперь, этот курс мы будем использовать Typescript в качестве языка для

15
00:01:04,526 --> 00:01:07,880
написания наших угловых приложений.

16
00:01:07,880 --> 00:01:11,463
Теперь, если вам интересно, должен ли я знать Typescript и

17
00:01:11,463 --> 00:01:15,870
должен ли я знать ES 2015+, более новую версию JavaScript?

18
00:01:15,870 --> 00:01:18,710
Ну, ваш пробег может отличаться.

19
00:01:18,710 --> 00:01:23,050
Мой подход к изучению этих новых языков заключается в том, чтобы использовать их и

20
00:01:23,050 --> 00:01:24,900
затем учиться по пути.

21
00:01:24,900 --> 00:01:27,230
Так вот что мы сделаем в этом курсе.

22
00:01:27,230 --> 00:01:32,208
Я не буду явным образом знакомить вас с машинописью конкретно в этом курсе.

23
00:01:32,208 --> 00:01:36,884
Но вместо этого, когда мы пишем код, я проиллюстрирую различные

24
00:01:36,884 --> 00:01:41,842
особенности машинописного текста в контексте Angular, когда вы разрабатываете

25
00:01:41,842 --> 00:01:47,190
угловое приложение, в упражнениях в рамках этого курса.

26
00:01:48,330 --> 00:01:52,630
Еще один момент, который я хотел бы уточнить на данном этапе

27
00:01:52,630 --> 00:01:57,600
, заключается в том, что я смотрю на веб-разработку и дизайн как две части.

28
00:01:57,600 --> 00:02:01,241
Первая часть — это сам веб-дизайн, пользовательский опыт или

29
00:02:01,241 --> 00:02:05,705
Пользовательский дизайн Inferface, визуальный дизайн, прототипирование, цвета,

30
00:02:05,705 --> 00:02:07,232
графика и анимация.

31
00:02:07,232 --> 00:02:10,477
И все эти аспекты того, как должен быть разработан сайт или

32
00:02:10,477 --> 00:02:15,170
даже мобильное приложение.

33
00:02:15,170 --> 00:02:18,367
Теперь есть и другой аспект, который заключается в построении и

34
00:02:18,367 --> 00:02:22,183
развертывания веб-приложений и мобильных приложений.

35
00:02:22,183 --> 00:02:25,633
Теперь в этом курсе мы сосредоточимся больше на построении и развертывании

36
00:02:25,633 --> 00:02:27,464
веб-приложений.

37
00:02:27,464 --> 00:02:32,450
Если вы ищете дизайн аспект веб-дизайна и разработки,

38
00:02:32,450 --> 00:02:36,285
, то это не правильный курс для вас.

39
00:02:36,285 --> 00:02:39,940
Когда я говорю об этом развертывании, построении и разработке

40
00:02:39,940 --> 00:02:44,440
веб-приложений, мы говорим о навыках обучения

41
00:02:44,440 --> 00:02:50,020
, которые необходимы для перевода дизайна в рабочий код.

42
00:02:50,020 --> 00:02:55,310
Так вот, в этой специализации, мы уже узнали о Bootstrap 4.

43
00:02:55,310 --> 00:02:57,500
В этом курсе мы узнаем об Angular.

44
00:02:57,500 --> 00:03:01,350
Тогда мы узнаем об ионических и NativeScript.

45
00:03:01,350 --> 00:03:06,780
А затем также разработка на стороне сервера с использованием экосистемы Node и Node.

46
00:03:06,780 --> 00:03:10,240
Таким образом, это концентрация этого конкретного курса.

47
00:03:10,240 --> 00:03:16,320
Поэтому мы говорим о реальном кодировании, а не о дизайне сайта.

48
00:03:16,320 --> 00:03:20,310
Другой вопрос, который возникнет в вашем сознании, - это что именно такое полный стек

49
00:03:20,310 --> 00:03:21,700
веб-разработка?

50
00:03:21,700 --> 00:03:23,750
Если вы уже прошли предыдущий курс,

51
00:03:23,750 --> 00:03:26,540
я познакомил вас с полным стеком веб-разработки.

52
00:03:26,540 --> 00:03:29,930
Если вы этого не сделали, самый первый урок в этом курсе

53
00:03:29,930 --> 00:03:34,430
будет быстрым введением в веб-разработку полного стека.

54
00:03:34,430 --> 00:03:39,900
И мы разместим этот курс в контексте полной веб-разработки стека.

55
00:03:39,900 --> 00:03:42,830
Так вот почему в первом курсе мы рассмотрели Bootstrap 4,

56
00:03:42,830 --> 00:03:46,470
в этом курсе мы собираемся сосредоточиться на Angular.

57
00:03:46,470 --> 00:03:50,710
Затем в следующем курсе мы рассмотрим Ионическую и Кордову для

58
00:03:50,710 --> 00:03:54,590
делать умноженные для мобильной разработки.

59
00:03:54,590 --> 00:03:57,350
Тогда мы рассмотрим NativeScript в четвертом курсе.

60
00:03:57,350 --> 00:04:00,335
И затем, наконец, мы рассмотрим развитие на стороне сервера,

61
00:04:00,335 --> 00:04:05,745
, включая оба делают уровень бизнес-логики с использованием экосистемы Node.

62
00:04:05,745 --> 00:04:13,935
И уровень хранения данных с использованием MongoDB в этой специализации.

63
00:04:13,935 --> 00:04:18,265
Этот конкретный курс, как вы ожидаете, сосредоточен на Angular.

64
00:04:18,265 --> 00:04:23,391
Вы будете ознакомлены с различными аспектами угловой структуры через

65
00:04:23,391 --> 00:04:27,520
набор упражнений, которые основаны друг на друге.

66
00:04:27,520 --> 00:04:32,131
Так что это последовательность упражнений, где я буду вводить различные угловые концепции.

67
00:04:32,131 --> 00:04:37,772
И сразу же покажем вам, как мы применяем эти понятия в контексте

68
00:04:37,772 --> 00:04:43,519
углового приложения, которое мы будем развивать в течение этого курса.

69
00:04:43,519 --> 00:04:47,985
Теперь по пути, когда мы разработали угловые представления,

70
00:04:47,985 --> 00:04:54,551
мы будем использовать угловой материал, для выполнения пользовательского интерфейса наших угловых компонентов.

71
00:04:54,551 --> 00:05:00,962
И мы будем делать макеты, используя Angular Flex-Layout в этом курсе.

72
00:05:00,962 --> 00:05:06,280
Альтернативой было бы использование Bootstrap 4, о котором мы узнали ранее.

73
00:05:06,280 --> 00:05:09,820
Но я подумал, что этот курс также предоставит вам

74
00:05:09,820 --> 00:05:15,060
возможность изучить еще один интерфейс интерфейса.

75
00:05:15,060 --> 00:05:18,230
Это угловой материал и угловой Flex-Layout для

76
00:05:18,230 --> 00:05:22,110
делает точно то же самое, что мы сделали с Bootstrap 4.

77
00:05:22,110 --> 00:05:28,430
Таким образом, вы узнаете два разных способа приближения к дизайну пользовательского интерфейса

78
00:05:28,430 --> 00:05:35,300
с использованием либо Bootstrap 4, либо с использованием углового материала плюс Angular Flex-Layout.

79
00:05:35,300 --> 00:05:37,880
Мы также познакомим вас с основами TypeScript

80
00:05:37,880 --> 00:05:42,650
через упражнения, как мы удвоим наше угловое приложение.

81
00:05:42,650 --> 00:05:47,346
Сам курс будет организован в четыре модуля.

82
00:05:47,346 --> 00:05:52,680
Четыре модуля разработаны таким образом, чтобы соответствовать четырем неделям этого курса.

83
00:05:52,680 --> 00:05:55,450
Но, конечно, позвольте мне подчеркнуть вам

84
00:05:55,450 --> 00:05:59,760
, что на вас не нужно давлёться крайними сроками, которые у нас есть в этом курсе.

85
00:05:59,760 --> 00:06:03,030
Вы можете взять свое время, чтобы пройти курс.

86
00:06:03,030 --> 00:06:07,900
Более важно понимать каждый аспект Angular.

87
00:06:07,900 --> 00:06:14,800
Если вам нужно дополнительное время, не стесняйтесь перейти к следующему сеансу этого курса.

88
00:06:14,800 --> 00:06:16,450
А потом продолжайте.

89
00:06:16,450 --> 00:06:19,950
Все работы, которые вы выполнили за одну сессию, будут автоматически перенесены

90
00:06:19,950 --> 00:06:22,010
на следующую сессию курса.

91
00:06:22,010 --> 00:06:27,340
Так что не позволяйте срокам давить на вас, чтобы спешить завершить этот курс.

92
00:06:27,340 --> 00:06:30,290
Теперь, дав эту общую идею,

93
00:06:30,290 --> 00:06:35,810
давайте посмотрим, что будет охватывать каждый из четырех модулей в этом курсе.

94
00:06:35,810 --> 00:06:40,130
Самый первый модуль познакомит вас с Full Stack Web Development,

95
00:06:40,130 --> 00:06:43,842
общей идеей и большим представлением картины.

96
00:06:43,842 --> 00:06:50,230
Сразу после, мы рассмотрим краткий обзор Git и Node.

97
00:06:50,230 --> 00:06:53,250
Если вы сделали предыдущий курс Bootstrap 4,

98
00:06:53,250 --> 00:06:56,020
, то вы бы рассмотрели эти два уже в предыдущем курсе.

99
00:06:56,020 --> 00:06:59,310
Таким образом, вы можете быстро перейти к

100
00:06:59,310 --> 00:07:03,750
первый урок, который знакомит вас с Angular, введение в Angular.

101
00:07:04,970 --> 00:07:10,020
После введения в Angular Framework, а затем настройки нашего приложения Angular

102
00:07:10,020 --> 00:07:15,060
с использованием углового материала и Angular Flex-Layout.

103
00:07:15,060 --> 00:07:18,910
Тогда мы перейдем к изучению угловых компонентов.

104
00:07:18,910 --> 00:07:23,880
Какова роль угловых компонентов в разработке углового приложения и

105
00:07:23,880 --> 00:07:27,530
проектирования различных представлений, которые будут поддерживаться в вашем угловом приложении.

106
00:07:28,610 --> 00:07:32,990
Это должно привести вас к самому первому заданию в этом курсе.

107
00:07:32,990 --> 00:07:38,570
Второй модуль сосредоточен на угловых сервисах,

108
00:07:38,570 --> 00:07:41,110
маршрутизации и одностраничных приложениях.

109
00:07:41,110 --> 00:07:46,220
Мы смотрим на то, как угловая обратная связь поддерживает доступ к данным и

110
00:07:46,220 --> 00:07:50,210
как мы можем использовать сервисы для доступа к данным.

111
00:07:50,210 --> 00:07:54,160
Кроме того, как мы можем использовать данные при проектировании

112
00:07:55,420 --> 00:08:00,040
наши взгляды для наших различных угловых компонентов.

113
00:08:00,040 --> 00:08:04,240
Так вот, где аспект привязки данных попадает в картину.

114
00:08:04,240 --> 00:08:06,920
Затем мы рассмотрим угловую маршрутизацию и

115
00:08:06,920 --> 00:08:11,200
, как мы можем реализовать одностраничные приложения в Angular.

116
00:08:11,200 --> 00:08:13,920
Я объясню вам, что такое одностраничное приложение и

117
00:08:13,920 --> 00:08:18,930
, то мы рассмотрим, как мы можем создать его с помощью угловой структуры.

118
00:08:18,930 --> 00:08:24,060
И это отвезет вас ко второму заданию в этом курсе.

119
00:08:24,060 --> 00:08:29,120
Третий модуль сосредоточен на угловых формах.

120
00:08:29,120 --> 00:08:32,517
Тогда мы рассмотрим угловые реактивные формы и

121
00:08:32,517 --> 00:08:36,883
также, как угловое и реактивное программирование работают вместе.

122
00:08:36,883 --> 00:08:40,236
И как Angular использует реактивное программирование для

123
00:08:40,236 --> 00:08:45,470
реализации различных форм поддержки в приложении Angular.

124
00:08:45,470 --> 00:08:50,324
Итак, мы рассмотрим формы, управляемые шаблонами, затем мы посмотрим на угловые реактивные формы,

125
00:08:50,324 --> 00:08:53,262
затем мы посмотрим, как Angular поддерживает обещания.

126
00:08:53,262 --> 00:08:59,621
А затем также кратко взгляните на реактивное программирование в RxJS в контексте

127
00:08:59,621 --> 00:09:07,565
того, как Angular использует RxJS для поддержки различных функций в рамках.

128
00:09:07,565 --> 00:09:12,130
Это отвезет вас до третьего задания в этом курсе.

129
00:09:12,130 --> 00:09:15,980
Последний модуль рассматривает связь между клиентом и сервером.

130
00:09:15,980 --> 00:09:20,060
Как ваше угловое приложение может взаимодействовать с сервером

131
00:09:20,060 --> 00:09:29,120
, который предоставляет данные, которые могут быть извлечены со стороны сервера, а затем использованы для визуализации представлений в вашем угловом приложении.

132
00:09:29,120 --> 00:09:33,370
Соответственно, мы также рассмотрим, как любые изменения, которые вы хотите сделать

133
00:09:33,370 --> 00:09:38,020
в данных, могут быть отражены обратно на стороне сервера,

134
00:09:38,020 --> 00:09:40,340
из вашего углового приложения.

135
00:09:40,340 --> 00:09:44,670
Мы рассмотрим Угловой и HTTP-модуль в Угловом.

136
00:09:44,670 --> 00:09:48,731
Мы рассмотрим, как REST API используется для

137
00:09:48,731 --> 00:09:52,171
проектирования вашего углового приложения,

138
00:09:52,171 --> 00:09:57,398
мы также рассмотрим анимацию и директивы в угловом.

139
00:09:57,398 --> 00:10:00,040
В частности, атрибутивные директивы в Angular.

140
00:10:00,040 --> 00:10:04,558
Рассмотрим директивы структуры в самом первом модуле.

141
00:10:04,558 --> 00:10:10,140
Мы рассмотрим тестирование угловых приложений кратко, а затем, наконец,

142
00:10:10,140 --> 00:10:16,040
посмотрим, как мы будем строить и развертывать наше угловое приложение на сервере.

143
00:10:16,040 --> 00:10:22,030
И это должно привести вас к окончательному заданию в этом курсе.

144
00:10:22,030 --> 00:10:27,758
По пути у нас также есть трек почестей, встроенный в этот курс.

145
00:10:27,758 --> 00:10:32,440
Если вы хотите работать над собственным проектом, используя Angular,

146
00:10:32,440 --> 00:10:37,950
, то трек с отличием дает вам возможность работать

147
00:10:37,950 --> 00:10:43,470
над собственным проектом в рамках данного курса.

148
00:10:43,470 --> 00:10:48,840
Итак, взгляните на трек почестей, и если это вас интересует, вы также можете продолжить

149
00:10:48,840 --> 00:10:53,150
разработку собственного Angular проекта в контексте этого курса.

150
00:10:54,190 --> 00:10:58,175
Надеюсь, вам понравится пройти этот курс и узнать Angular.

151
00:10:59,500 --> 00:11:04,550
Последнее слово, с которым я оставлю, это терпение.

152
00:11:04,550 --> 00:11:07,990
Угловой требует много терпения, чтобы учиться.

153
00:11:07,990 --> 00:11:11,020
Там будет много концепций и

154
00:11:11,020 --> 00:11:15,740
технологий, с которыми вы столкнетесь, пройдя этот курс.

155
00:11:15,740 --> 00:11:19,620
Пожалуйста, не спешите просто пройти курс.

156
00:11:19,620 --> 00:11:26,716
Не торопитесь понять каждый шаг, прежде чем закончить этот курс.

157
00:11:26,716 --> 00:11:29,987
Надеюсь, вам понравится пройти этот курс.

158
00:11:29,987 --> 00:11:33,049
[МУЗЫКА]