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

2
00:00:04,792 --> 00:00:10,490
Bem-vindo a este curso sobre Frameworks JavaScript Front-End: Angular.

3
00:00:10,490 --> 00:00:16,178
Este é o segundo curso de especialização em aplicações móveis de pilha completa e

4
00:00:16,178 --> 00:00:19,840
multi-plataforma.

5
00:00:19,840 --> 00:00:25,830
Este curso trata de frameworks JavaScript, Angular em particular.

6
00:00:25,830 --> 00:00:30,070
Você deve estar se perguntando, é Angular dois, ou é Angular?

7
00:00:30,070 --> 00:00:34,940
Vamos esclarecer isso na primeira lição sobre introdução ao Angular

8
00:00:34,940 --> 00:00:35,740
neste curso.

9
00:00:36,940 --> 00:00:39,390
Estou feliz que você decidiu participar deste curso.

10
00:00:39,390 --> 00:00:43,141
E espero que você se divirta passando por este curso.

11
00:00:44,766 --> 00:00:47,181
Antes de embarcar neste curso,

12
00:00:47,181 --> 00:00:52,650
Eu quero ter certeza de que você tem conhecimento suficiente de HTML e CSS.

13
00:00:52,650 --> 00:00:59,448
E também bom conhecimento de trabalho de JavaScript, especialmente ES 5 JavaScript.

14
00:00:59,448 --> 00:01:04,526
Agora, este curso vamos usar Typescript como a linguagem para

15
00:01:04,526 --> 00:01:07,880
escrever nossos aplicativos Angulares.

16
00:01:07,880 --> 00:01:11,463
Agora, se você está se perguntando devo saber Typescript e

17
00:01:11,463 --> 00:01:15,870
devo saber ES 2015+, a versão mais recente do JavaScript?

18
00:01:15,870 --> 00:01:18,710
Bem, sua quilometragem pode variar.

19
00:01:18,710 --> 00:01:23,050
Minha abordagem para aprender essas novas línguas é usá-las e

20
00:01:23,050 --> 00:01:24,900
, em seguida, aprender ao longo do caminho.

21
00:01:24,900 --> 00:01:27,230
Então é isso que vamos fazer neste curso.

22
00:01:27,230 --> 00:01:32,208
Eu não vou apresentar explicitamente você ao Typescript especificamente neste curso.

23
00:01:32,208 --> 00:01:36,884
Mas em vez disso, como escrevemos o código, vou ilustrar várias características

24
00:01:36,884 --> 00:01:41,842
de Typescript no contexto de Angular como você desenvolve

25
00:01:41,842 --> 00:01:47,190
a aplicação Angular, nos exercícios como parte deste curso.

26
00:01:48,330 --> 00:01:52,630
Outro ponto que eu gostaria fortemente de esclarecer nesta fase

27
00:01:52,630 --> 00:01:57,600
é que eu olho para o desenvolvimento web e design como duas partes.

28
00:01:57,600 --> 00:02:01,241
A primeira parte é o próprio Web Design, a Experiência do Usuário ou

29
00:02:01,241 --> 00:02:05,705
User Inferface Design, o Design Visual, a Prototipagem, as cores,

30
00:02:05,705 --> 00:02:07,232
gráficos e animação.

31
00:02:07,232 --> 00:02:10,477
E todos os aspectos de como um site ou

32
00:02:10,477 --> 00:02:15,170
até mesmo um aplicativo móvel deve ser projetado.

33
00:02:15,170 --> 00:02:18,367
Agora há o outro aspecto que está construindo e

34
00:02:18,367 --> 00:02:22,183
implantação de aplicativos web e aplicativos móveis.

35
00:02:22,183 --> 00:02:25,633
Agora, neste curso, vamos nos concentrar mais na criação e implantação

36
00:02:25,633 --> 00:02:27,464
de aplicativos web.

37
00:02:27,464 --> 00:02:32,450
Se você está procurando o aspecto de design de web design e desenvolvimento,

38
00:02:32,450 --> 00:02:36,285
então este não é o curso certo para você.

39
00:02:36,285 --> 00:02:39,940
Quando eu falo sobre essa implantação, construção e desenvolvimento

40
00:02:39,940 --> 00:02:44,440
de aplicativos web, estamos falando de habilidades de aprendizagem

41
00:02:44,440 --> 00:02:50,020
que são essenciais para traduzir um design em um código de trabalho.

42
00:02:50,020 --> 00:02:55,310
Então aqui, nesta especialização, já aprendemos sobre o Bootstrap 4.

43
00:02:55,310 --> 00:02:57,500
Neste curso, vamos aprender sobre Angular.

44
00:02:57,500 --> 00:03:01,350
Então vamos aprender sobre Ionic e NativeScript.

45
00:03:01,350 --> 00:03:06,780
E, em seguida, também desenvolvimento do lado do servidor usando nó e nó ecossistema.

46
00:03:06,780 --> 00:03:10,240
Então essa é a concentração deste curso em particular.

47
00:03:10,240 --> 00:03:16,320
Então, estamos falando de codificação real, em vez de design de site.

48
00:03:16,320 --> 00:03:20,310
A outra questão que surgirá em sua mente é o que exatamente é full stack

49
00:03:20,310 --> 00:03:21,700
desenvolvimento web?

50
00:03:21,700 --> 00:03:23,750
Se você já fez o curso anterior,

51
00:03:23,750 --> 00:03:26,540
Eu apresentei você para o desenvolvimento web pilha completa.

52
00:03:26,540 --> 00:03:29,930
Caso contrário, a primeira lição neste curso

53
00:03:29,930 --> 00:03:34,430
seria uma introdução rápida ao desenvolvimento web de pilha completa.

54
00:03:34,430 --> 00:03:39,900
E vamos colocar este curso no contexto do desenvolvimento web pilha completa.

55
00:03:39,900 --> 00:03:42,830
Então é por isso que no primeiro curso cobrimos Bootstrap 4,

56
00:03:42,830 --> 00:03:46,470
neste curso vamos nos concentrar em Angular.

57
00:03:46,470 --> 00:03:50,710
Em seguida, no próximo curso, vamos olhar para Ionic e Cordova para

58
00:03:50,710 --> 00:03:54,590
fazendo multiplicado para desenvolvimento móvel.

59
00:03:54,590 --> 00:03:57,350
Então vamos olhar para NativeScript no quarto curso.

60
00:03:57,350 --> 00:04:00,335
E, finalmente, vamos olhar para o desenvolvimento do lado do servidor,

61
00:04:00,335 --> 00:04:05,745
incluindo ambos fazendo a camada lógica de negócios usando o ecossistema Node.

62
00:04:05,745 --> 00:04:13,935
E a camada de armazenamento de dados usando MongoDB nesta especialização.

63
00:04:13,935 --> 00:04:18,265
Este curso específico, como você espera, concentra-se em Angular.

64
00:04:18,265 --> 00:04:23,391
Você será apresentado aos vários aspectos do quadro Angular através

65
00:04:23,391 --> 00:04:27,520
um conjunto de exercícios que construir uns sobre os outros.

66
00:04:27,520 --> 00:04:32,131
Então é uma sequência de exercícios onde vou introduzir vários conceitos angulares.

67
00:04:32,131 --> 00:04:37,772
E então mostraremos imediatamente como aplicamos esses conceitos no contexto

68
00:04:37,772 --> 00:04:43,519
de uma aplicação Angular que desenvolveremos ao longo deste curso.

69
00:04:43,519 --> 00:04:47,985
Agora, ao longo do caminho, quando projetamos as vistas de Angular,

70
00:04:47,985 --> 00:04:54,551
vamos fazer uso do material Angular, para fazer a interface do usuário de nossos componentes Angulares.

71
00:04:54,551 --> 00:05:00,962
E faremos layouts usando o Angular Flex-Layout neste curso.

72
00:05:00,962 --> 00:05:06,280
A alternativa seria usar o Bootstrap 4 que aprendemos anteriormente.

73
00:05:06,280 --> 00:05:09,820
Mas eu percebi que este curso também irá fornecer a você

74
00:05:09,820 --> 00:05:15,060
uma oportunidade de aprender mais uma estrutura de interface do usuário front-end.

75
00:05:15,060 --> 00:05:18,230
Isso é Material Angular e Flex-Layout Angular para

76
00:05:18,230 --> 00:05:22,110
fazendo exatamente as mesmas coisas que fizemos com o Bootstrap 4.

77
00:05:22,110 --> 00:05:28,430
Dessa forma, você aprende duas maneiras diferentes de abordar o design da interface

78
00:05:28,430 --> 00:05:35,300
usando o Bootstrap 4 ou o Material Angular mais o Layout Flexível Angular.

79
00:05:35,300 --> 00:05:37,880
Nós também vamos apresentá-lo ao básico de digitação

80
00:05:37,880 --> 00:05:42,650
através dos exercícios como dobramos nossa aplicação Angular.

81
00:05:42,650 --> 00:05:47,346
O curso em si será organizado em quatro módulos.

82
00:05:47,346 --> 00:05:52,680
Os quatro módulos são projetados para corresponder a quatro semanas deste curso.

83
00:05:52,680 --> 00:05:55,450
Mas é claro, deixe-me enfatizar para você

84
00:05:55,450 --> 00:05:59,760
que você não precisa ser pressionado pelos prazos que temos neste curso.

85
00:05:59,760 --> 00:06:03,030
Você pode tomar seu próprio tempo para passar pelo curso.

86
00:06:03,030 --> 00:06:07,900
É mais importante entender todos e cada aspecto do Angular.

87
00:06:07,900 --> 00:06:14,800
Se precisar de mais tempo, sinta-se à vontade para passar para a próxima sessão deste curso.

88
00:06:14,800 --> 00:06:16,450
E depois continue.

89
00:06:16,450 --> 00:06:19,950
Todo o trabalho que você tiver concluído em uma sessão será automaticamente transferido

90
00:06:19,950 --> 00:06:22,010
para a próxima sessão do curso.

91
00:06:22,010 --> 00:06:27,340
Portanto, não deixe que os prazos o pressionem a se apressar para concluir este curso.

92
00:06:27,340 --> 00:06:30,290
Agora, tendo dado essa idéia geral,

93
00:06:30,290 --> 00:06:35,810
vamos olhar para o que cada um dos quatro módulos irá cobrir neste curso.

94
00:06:35,810 --> 00:06:40,130
O primeiro módulo irá apresentá-lo ao Full Stack Web Development,

95
00:06:40,130 --> 00:06:43,842
a idéia geral e a visão de imagem grande.

96
00:06:43,842 --> 00:06:50,230
Logo depois, veremos uma breve visão geral do Git e Node.

97
00:06:50,230 --> 00:06:53,250
Se você fez o curso anterior do Bootstrap 4,

98
00:06:53,250 --> 00:06:56,020
então você teria coberto esses dois já no curso anterior.

99
00:06:56,020 --> 00:06:59,310
Então você pode pular rapidamente para

100
00:06:59,310 --> 00:07:03,750
a primeira lição que lhe apresenta Angular, a introdução ao Angular.

101
00:07:04,970 --> 00:07:10,020
Após a introdução ao quadro Angular e, em seguida, configurar nosso aplicativo Angular

102
00:07:10,020 --> 00:07:15,060
usando material Angular e Angular Flex-Layout.

103
00:07:15,060 --> 00:07:18,910
Então vamos passar para estudar mais sobre componentes angulares.

104
00:07:18,910 --> 00:07:23,880
Qual é o papel dos componentes angulares na concepção de um aplicativo Angular e

105
00:07:23,880 --> 00:07:27,530
projetar as várias visualizações que serão suportadas em seu aplicativo Angular.

106
00:07:28,610 --> 00:07:32,990
Isso deve levá-lo até a primeira tarefa neste curso.

107
00:07:32,990 --> 00:07:38,570
O segundo módulo concentra-se em serviços angulares, roteamento

108
00:07:38,570 --> 00:07:41,110
e aplicativos de página única.

109
00:07:41,110 --> 00:07:46,220
Nós analisamos como o feedback Angular suporta o acesso aos dados e

110
00:07:46,220 --> 00:07:50,210
como podemos fazer uso de serviços para acessar os dados.

111
00:07:50,210 --> 00:07:54,160
Além disso, como podemos fazer uso de dados na concepção

112
00:07:55,420 --> 00:08:00,040
nossas visualizações para nossos vários componentes angulares.

113
00:08:00,040 --> 00:08:04,240
Então é aí que o aspecto de ligação de dados entra na imagem.

114
00:08:04,240 --> 00:08:06,920
Então vamos olhar para Roteamento Angular e

115
00:08:06,920 --> 00:08:11,200
como podemos implementar aplicações de página única em Angular.

116
00:08:11,200 --> 00:08:13,920
Eu vou explicar para você o que é um aplicativo de página única e

117
00:08:13,920 --> 00:08:18,930
então vamos olhar para como podemos projetar um usando o quadro Angular.

118
00:08:18,930 --> 00:08:24,060
E isso o levará até a segunda tarefa neste curso.

119
00:08:24,060 --> 00:08:29,120
O terceiro módulo concentra-se em formas angulares.

120
00:08:29,120 --> 00:08:32,517
Em seguida, veremos as Formas Reativas Angulares e

121
00:08:32,517 --> 00:08:36,883
também como a programação Angular e Reativa funcionam juntas.

122
00:08:36,883 --> 00:08:40,236
E como Angular aproveita a programação reativa para

123
00:08:40,236 --> 00:08:45,470
implementando várias formas de suporte dentro do aplicativo Angular.

124
00:08:45,470 --> 00:08:50,324
Então, vamos olhar para formulários orientados por modelos, então vamos olhar para formulários angulares reativos,

125
00:08:50,324 --> 00:08:53,262
então vamos olhar para como Angular suporta promessas.

126
00:08:53,262 --> 00:08:59,621
E então também dê uma breve olhada na programação reativa em RXJs no contexto

127
00:08:59,621 --> 00:09:07,565
de como Angular aproveita RXJs para suportar vários recursos dentro da estrutura.

128
00:09:07,565 --> 00:09:12,130
Isso o levará até a terceira tarefa neste curso.

129
00:09:12,130 --> 00:09:15,980
O módulo final analisa a comunicação cliente-servidor.

130
00:09:15,980 --> 00:09:20,060
Como seu aplicativo Angular pode se comunicar com um servidor

131
00:09:20,060 --> 00:09:24,220
que fornece dados que podem ser obtidos do lado do servidor e

132
00:09:24,220 --> 00:09:29,120
então usado para renderizar as exibições dentro de seu aplicativo Angular.

133
00:09:29,120 --> 00:09:33,370
Correspondentemente, também veremos como as alterações que você deseja que

134
00:09:33,370 --> 00:09:38,020
faça nos dados podem ser refletidas de volta para o lado do servidor,

135
00:09:38,020 --> 00:09:40,340
do seu aplicativo Angular.

136
00:09:40,340 --> 00:09:44,670
Vamos olhar para Angular e o módulo HTTP dentro Angular.

137
00:09:44,670 --> 00:09:48,731
Vamos ver como a API REST é aproveitada para

138
00:09:48,731 --> 00:09:52,171
projetar seu aplicativo Angular,

139
00:09:52,171 --> 00:09:57,398
nós também veremos Animações e Diretivas em Angular.

140
00:09:57,398 --> 00:10:00,040
Em particular, diretivas de atributo em Angular.

141
00:10:00,040 --> 00:10:04,558
Vamos olhar para as diretivas de estrutura no primeiro módulo.

142
00:10:04,558 --> 00:10:10,140
Vamos olhar para o teste de aplicativos angulares brevemente e, em seguida,

143
00:10:10,140 --> 00:10:16,040
olhar para como vamos construir e implantar nosso aplicativo Angular em um servidor.

144
00:10:16,040 --> 00:10:22,030
E isso deve levá-lo até a tarefa final neste curso.

145
00:10:22,030 --> 00:10:27,758
Ao longo do caminho, também temos uma trilha de honras embutida neste curso.

146
00:10:27,758 --> 00:10:32,440
Se você quiser trabalhar em seu próprio projeto usando Angular,

147
00:10:32,440 --> 00:10:37,950
então a trilha de honras lhe dá a oportunidade de trabalhar

148
00:10:37,950 --> 00:10:43,470
em seu próprio projeto dentro deste curso específico.

149
00:10:43,470 --> 00:10:48,840
Então dê uma olhada na pista de honras, e se isso lhe interessa, você também pode prosseguir

150
00:10:48,840 --> 00:10:53,150
desenvolvendo seu próprio projeto Angular dentro do contexto deste curso.

151
00:10:54,190 --> 00:10:58,175
Espero que você goste de passar por este curso e aprender Angular.

152
00:10:59,500 --> 00:11:04,550
A última palavra que vou deixar é ser paciente.

153
00:11:04,550 --> 00:11:07,990
Angular requer muita paciência para aprender.

154
00:11:07,990 --> 00:11:11,020
Haverá muitos conceitos e tecnologias

155
00:11:11,020 --> 00:11:15,740
que você encontrará à medida que passar por este curso.

156
00:11:15,740 --> 00:11:19,620
Por favor, não se apresse apenas para completar o curso.

157
00:11:19,620 --> 00:11:26,716
Aproveite seu próprio tempo para entender cada passo antes de terminar este curso.

158
00:11:26,716 --> 00:11:29,987
Espero que você goste de fazer este curso.

159
00:11:29,987 --> 00:11:33,049
[MÚSICA]