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

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

3
00:00:10,490 --> 00:00:16,178
Este es el segundo curso en la especialización en aplicaciones web de pila completa y

4
00:00:16,178 --> 00:00:19,840
multiplataforma móvil.

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

6
00:00:25,830 --> 00:00:30,070
Debes estar preguntándote, ¿es Angular dos, o es Angular?

7
00:00:30,070 --> 00:00:34,940
Aclararemos eso en la primera lección sobre la introducción a Angular

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

9
00:00:36,940 --> 00:00:39,390
Me alegro de que hayas decidido unirte a este curso.

10
00:00:39,390 --> 00:00:43,141
Y espero que te diviertas pasando por este curso.

11
00:00:44,766 --> 00:00:47,181
Antes de embarcarse en este curso,

12
00:00:47,181 --> 00:00:52,650
quiero asegurarme de que usted tiene suficiente conocimiento de HTML y CSS.

13
00:00:52,650 --> 00:00:59,448
Y también un buen conocimiento de trabajo de JavaScript, especialmente ES 5 JavaScript.

14
00:00:59,448 --> 00:01:04,526
Ahora, este curso usaremos Typescript como el lenguaje para

15
00:01:04,526 --> 00:01:07,880
escribiendo nuestras aplicaciones Angular.

16
00:01:07,880 --> 00:01:11,463
Ahora, si te preguntas ¿debería saber Typescript y

17
00:01:11,463 --> 00:01:15,870
debería saber ES 2015+, la versión más reciente de JavaScript?

18
00:01:15,870 --> 00:01:18,710
Bueno, su kilometraje puede variar.

19
00:01:18,710 --> 00:01:23,050
Mi enfoque para aprender estos nuevos idiomas es usarlos y

20
00:01:23,050 --> 00:01:24,900
luego aprender en el camino.

21
00:01:24,900 --> 00:01:27,230
Así que eso es lo que haremos en este curso.

22
00:01:27,230 --> 00:01:32,208
No te presentaré explícitamente a Typescript específicamente en este curso.

23
00:01:32,208 --> 00:01:36,884
Pero en lugar de escribir el código, voy a ilustrar varias características

24
00:01:36,884 --> 00:01:41,842
de Typescript en el contexto de Angular a medida que desarrolla

25
00:01:41,842 --> 00:01:47,190
la aplicación Angular, en los ejercicios como parte de este curso.

26
00:01:48,330 --> 00:01:52,630
Otro punto que me gustaría aclarar fuertemente en esta etapa

27
00:01:52,630 --> 00:01:57,600
es que veo el desarrollo web y el diseño como dos partes.

28
00:01:57,600 --> 00:02:01,241
La primera parte es el Diseño Web en sí, la Experiencia de Usuario o

29
00:02:01,241 --> 00:02:05,705
Diseño Inferface de Usuario, el Diseño Visual, el Prototipado, los colores,

30
00:02:05,705 --> 00:02:07,232
gráficos y animación.

31
00:02:07,232 --> 00:02:10,477
Y todos esos aspectos de cómo un sitio web o

32
00:02:10,477 --> 00:02:15,170
incluso una aplicación móvil deben ser diseñados.

33
00:02:15,170 --> 00:02:18,367
Ahora está el otro aspecto que está construyendo y

34
00:02:18,367 --> 00:02:22,183
despliegue de aplicaciones web y aplicaciones móviles.

35
00:02:22,183 --> 00:02:25,633
Ahora en este curso, nos concentraremos más en la construcción y

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

37
00:02:27,464 --> 00:02:32,450
Si usted está buscando el aspecto de diseño del diseño web y desarrollo,

38
00:02:32,450 --> 00:02:36,285
entonces este no es el curso correcto para usted.

39
00:02:36,285 --> 00:02:39,940
Cuando hablo de esa implementación, construcción y desarrollo

40
00:02:39,940 --> 00:02:44,440
de aplicaciones web, estamos hablando de habilidades de aprendizaje

41
00:02:44,440 --> 00:02:50,020
que son esenciales para traducir un diseño en un código de trabajo.

42
00:02:50,020 --> 00:02:55,310
Así que aquí, en esta especialización, ya hemos aprendido acerca de Bootstrap 4.

43
00:02:55,310 --> 00:02:57,500
En este curso, vamos a aprender acerca de Angular.

44
00:02:57,500 --> 00:03:01,350
Entonces aprenderemos sobre Ionic y NativeScript.

45
00:03:01,350 --> 00:03:06,780
Y luego también el desarrollo del lado del servidor usando el ecosistema de nodo y nodo.

46
00:03:06,780 --> 00:03:10,240
Así que esa es la concentración de este curso en particular.

47
00:03:10,240 --> 00:03:16,320
Así que estamos hablando de codificación real, en lugar de diseño de sitios web.

48
00:03:16,320 --> 00:03:20,310
La otra pregunta que surgirá en tu mente es ¿qué es exactamente el desarrollo web

49
00:03:20,310 --> 00:03:21,700
pila completa?

50
00:03:21,700 --> 00:03:23,750
Si ya has tomado el curso anterior,

51
00:03:23,750 --> 00:03:26,540
te he presentado al desarrollo web de pila completa.

52
00:03:26,540 --> 00:03:29,930
Si no lo ha hecho, la primera lección de este curso

53
00:03:29,930 --> 00:03:34,430
sería una introducción rápida al desarrollo web de pila completa.

54
00:03:34,430 --> 00:03:39,900
Y vamos a colocar este curso en el contexto del desarrollo web de pila completa.

55
00:03:39,900 --> 00:03:42,830
Así que es por eso que en el primer curso cubrimos Bootstrap 4,

56
00:03:42,830 --> 00:03:46,470
en este curso vamos a concentrarnos en Angular.

57
00:03:46,470 --> 00:03:50,710
Luego, en el próximo curso, veremos a Ionic y Cordova para

58
00:03:50,710 --> 00:03:54,590
haciendo multiplicado por el desarrollo móvil.

59
00:03:54,590 --> 00:03:57,350
Luego veremos NativeScript en el cuarto curso.

60
00:03:57,350 --> 00:04:00,335
Y luego, finalmente, veremos el desarrollo del lado del servidor,

61
00:04:00,335 --> 00:04:05,745
incluyendo ambos haciendo la capa de lógica empresarial usando el ecosistema de nodo.

62
00:04:05,745 --> 00:04:13,935
Y la capa de almacenamiento de datos usando MongoDB en esta especialización.

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

64
00:04:18,265 --> 00:04:23,391
Se les presentará a los diversos aspectos del marco angular a través de

65
00:04:23,391 --> 00:04:27,520
un conjunto de ejercicios que se construyen unos sobre otros.

66
00:04:27,520 --> 00:04:32,131
Así que es una secuencia de ejercicios donde voy a introducir varios conceptos angulares.

67
00:04:32,131 --> 00:04:37,772
Y luego inmediatamente le mostraremos cómo aplicamos estos conceptos en el contexto

68
00:04:37,772 --> 00:04:43,519
de una aplicación angular que desarrollaremos a lo largo de este curso.

69
00:04:43,519 --> 00:04:47,985
Ahora en el camino, cuando diseñamos las vistas de Angular,

70
00:04:47,985 --> 00:04:54,551
haremos uso del material Angular, para hacer la interfaz de usuario de nuestros componentes Angular.

71
00:04:54,551 --> 00:05:00,962
Y haremos layouts usando el Angular Flex-Layout en este curso.

72
00:05:00,962 --> 00:05:06,280
La alternativa sería usar Bootstrap 4 que hemos aprendido anteriormente.

73
00:05:06,280 --> 00:05:09,820
Pero pensé que este curso también le proporcionará

74
00:05:09,820 --> 00:05:15,060
la oportunidad de aprender otro marco de interfaz de usuario front-end.

75
00:05:15,060 --> 00:05:18,230
Eso es Material Angular y Angular Flex-Layout para

76
00:05:18,230 --> 00:05:22,110
haciendo exactamente las mismas cosas que hemos hecho con Bootstrap 4.

77
00:05:22,110 --> 00:05:28,430
De esta manera aprenderá dos formas diferentes de abordar el diseño de la interfaz de usuario

78
00:05:28,430 --> 00:05:35,300
usando Bootstrap 4 o usando Material angular más Angular Flex-Layout.

79
00:05:35,300 --> 00:05:37,880
También te presentaremos a los conceptos básicos de TypeScript

80
00:05:37,880 --> 00:05:42,650
a través de los ejercicios mientras duplicamos nuestra aplicación Angular.

81
00:05:42,650 --> 00:05:47,346
El curso en sí se organizará en cuatro módulos.

82
00:05:47,346 --> 00:05:52,680
Los cuatro módulos están diseñados para corresponder a cuatro semanas de este curso.

83
00:05:52,680 --> 00:05:55,450
Pero por supuesto, permítanme enfatizar a ustedes

84
00:05:55,450 --> 00:05:59,760
que no necesitan ser presionados por los plazos que tenemos en este curso.

85
00:05:59,760 --> 00:06:03,030
Usted puede tomar su propio tiempo para pasar por el curso.

86
00:06:03,030 --> 00:06:07,900
Es más importante entender todos y cada uno de los aspectos de Angular.

87
00:06:07,900 --> 00:06:14,800
Si necesitas tiempo adicional, no dudes en pasar a la próxima sesión de este curso.

88
00:06:14,800 --> 00:06:16,450
Y luego continuar.

89
00:06:16,450 --> 00:06:19,950
Todo el trabajo que hayas completado en una sesión será automáticamente llevado

90
00:06:19,950 --> 00:06:22,010
a la siguiente sesión del curso.

91
00:06:22,010 --> 00:06:27,340
Así que no dejes que los plazos te presionen para que te apresures para completar este curso.

92
00:06:27,340 --> 00:06:30,290
Ahora, habiendo dado esa idea general,

93
00:06:30,290 --> 00:06:35,810
veamos lo que cada uno de los cuatro módulos cubrirá en este curso.

94
00:06:35,810 --> 00:06:40,130
El primer módulo le presentará a Full Stack Web Development,

95
00:06:40,130 --> 00:06:43,842
la idea general y la vista de imagen grande.

96
00:06:43,842 --> 00:06:50,230
Inmediatamente después, veremos una breve descripción general de Git y Node.

97
00:06:50,230 --> 00:06:53,250
Si has hecho el curso anterior de Bootstrap 4,

98
00:06:53,250 --> 00:06:56,020
entonces habrías cubierto estos dos ya en el curso anterior.

99
00:06:56,020 --> 00:06:59,310
Entonces puedes saltar rápidamente a

100
00:06:59,310 --> 00:07:03,750
la primera lección que te introduce a Angular, la introducción a Angular.

101
00:07:04,970 --> 00:07:10,020
Después de la introducción al marco Angular y luego configurar nuestra aplicación Angular

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

103
00:07:15,060 --> 00:07:18,910
Luego pasaremos a estudiar más sobre los componentes angulares.

104
00:07:18,910 --> 00:07:23,880
¿Cuál es el papel de los componentes angulares en el diseño de una aplicación angular y

105
00:07:23,880 --> 00:07:27,530
el diseño de las diversas vistas que se admitirán en su aplicación angular?

106
00:07:28,610 --> 00:07:32,990
Eso debería llevarte hasta la primera tarea de este curso.

107
00:07:32,990 --> 00:07:38,570
El segundo módulo se concentra en servicios angulares, enrutamiento

108
00:07:38,570 --> 00:07:41,110
y aplicaciones de una sola página.

109
00:07:41,110 --> 00:07:46,220
Observamos cómo la retroalimentación angular apoya el acceso a los datos y

110
00:07:46,220 --> 00:07:50,210
cómo podemos hacer uso de los servicios para acceder a los datos.

111
00:07:50,210 --> 00:07:54,160
Además, cómo podemos hacer uso de los datos en el diseño

112
00:07:55,420 --> 00:08:00,040
nuestras vistas para nuestros diversos componentes angulares.

113
00:08:00,040 --> 00:08:04,240
Así que ahí es donde el aspecto de enlace de datos entra en la imagen.

114
00:08:04,240 --> 00:08:06,920
Luego veremos el enrutamiento angular y

115
00:08:06,920 --> 00:08:11,200
cómo podemos implementar aplicaciones de una sola página en Angular.

116
00:08:11,200 --> 00:08:13,920
Te explicaré qué es una aplicación de una sola página y

117
00:08:13,920 --> 00:08:18,930
luego veremos cómo podemos diseñar una usando el marco angular.

118
00:08:18,930 --> 00:08:24,060
Y eso te llevará hasta la segunda tarea en este curso.

119
00:08:24,060 --> 00:08:29,120
El tercer módulo se concentra en formas angulares.

120
00:08:29,120 --> 00:08:32,517
Luego veremos las Formas Reactivas Angulares y

121
00:08:32,517 --> 00:08:36,883
también cómo la programación Angular y Reactiva funcionan juntas.

122
00:08:36,883 --> 00:08:40,236
Y cómo Angular aprovecha la programación Reactiva para

123
00:08:40,236 --> 00:08:45,470
implementando diversas formas de soporte dentro de la aplicación Angular.

124
00:08:45,470 --> 00:08:50,324
Así que veremos las formas impulsadas por plantillas, luego veremos las formas Reactivas Angular,

125
00:08:50,324 --> 00:08:53,262
y luego veremos cómo Angular apoya las promesas.

126
00:08:53,262 --> 00:08:59,621
Y luego también eche un vistazo a la programación reactiva en RxJS en el contexto

127
00:08:59,621 --> 00:09:07,565
de cómo Angular aprovecha RxJS para admitir varias características dentro del marco.

128
00:09:07,565 --> 00:09:12,130
Eso te llevará hasta la tercera tarea de este curso.

129
00:09:12,130 --> 00:09:15,980
El módulo final analiza la comunicación cliente-servidor.

130
00:09:15,980 --> 00:09:20,060
Cómo su aplicación Angular puede comunicarse con un servidor

131
00:09:20,060 --> 00:09:24,220
que proporciona datos que se pueden obtener desde el lado del servidor y

132
00:09:24,220 --> 00:09:29,120
luego se usa para representar las vistas dentro de su aplicación Angular.

133
00:09:29,120 --> 00:09:33,370
En consecuencia, también veremos cómo cualquier cambio que desee

134
00:09:33,370 --> 00:09:38,020
hacer en los datos puede reflejarse en el lado del servidor,

135
00:09:38,020 --> 00:09:40,340
desde su aplicación Angular.

136
00:09:40,340 --> 00:09:44,670
Veremos Angular y el módulo HTTP dentro de Angular.

137
00:09:44,670 --> 00:09:48,731
Veremos cómo se aprovecha la API REST para

138
00:09:48,731 --> 00:09:52,171
diseñando su aplicación Angular,

139
00:09:52,171 --> 00:09:57,398
también veremos Animaciones y Directivas en Angular.

140
00:09:57,398 --> 00:10:00,040
En particular, las directivas de atributo en Angular.

141
00:10:00,040 --> 00:10:04,558
Vamos a ver las directivas de estructura en el primer módulo.

142
00:10:04,558 --> 00:10:10,140
Veremos brevemente las pruebas de aplicaciones Angular, y finalmente

143
00:10:10,140 --> 00:10:16,040
veremos cómo construiremos e implementaremos nuestra aplicación Angular en un servidor.

144
00:10:16,040 --> 00:10:22,030
Y eso debería llevarte hasta la tarea final en este curso.

145
00:10:22,030 --> 00:10:27,758
En el camino, también tenemos una pista de honores integrada en este curso.

146
00:10:27,758 --> 00:10:32,440
Si quieres trabajar en tu propio proyecto usando Angular,

147
00:10:32,440 --> 00:10:37,950
entonces la pista de honores te ofrece la oportunidad de trabajar

148
00:10:37,950 --> 00:10:43,470
en tu propio proyecto dentro de este curso en particular.

149
00:10:43,470 --> 00:10:48,840
Así que echa un vistazo a la pista de honores, y si eso te interesa, también puedes continuar con

150
00:10:48,840 --> 00:10:53,150
desarrollando tu propio proyecto Angular en el contexto de este curso.

151
00:10:54,190 --> 00:10:58,175
Espero que disfrutes pasando por este curso y aprendes Angular.

152
00:10:59,500 --> 00:11:04,550
La última palabra que os dejo es ser paciente.

153
00:11:04,550 --> 00:11:07,990
Angular requiere mucha paciencia para aprender.

154
00:11:07,990 --> 00:11:11,020
Habrá muchos conceptos y tecnologías

155
00:11:11,020 --> 00:11:15,740
que encontraréis a medida que paséis por este curso.

156
00:11:15,740 --> 00:11:19,620
Por favor, no se apresure sólo para completar el curso.

157
00:11:19,620 --> 00:11:26,716
Tómese su tiempo para entender cada paso antes de terminar este curso.

158
00:11:26,716 --> 00:11:29,987
Espero que disfrutes tomando este curso.

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