1
00:00:03,420 --> 00:00:09,220
Ahora que tenemos una buena comprensión de los marcos de JavaScript,

2
00:00:09,220 --> 00:00:12,145
vamos a hablar específicamente sobre Angular,

3
00:00:12,145 --> 00:00:14,475
una breve historia de Angular,

4
00:00:14,475 --> 00:00:16,140
de donde vino,

5
00:00:16,140 --> 00:00:20,800
y algunas características sobresalientes de Angular antes de ir

6
00:00:20,800 --> 00:00:26,560
para comenzar nuestro primer ejercicio práctico con Angular.

7
00:00:26,560 --> 00:00:29,950
Hablando un poco sobre la historia de Angular,

8
00:00:29,950 --> 00:00:35,110
Angular evolucionó de su encarnación anterior como AngularJS.

9
00:00:35,110 --> 00:00:42,590
Angulars fue diseñado principalmente por Misko Hevery y se introdujo alrededor de 2012,

10
00:00:42,590 --> 00:00:47,855
y rápidamente se convirtió en un marco de aplicación de datos muy popular.

11
00:00:47,855 --> 00:00:52,765
Angular del que estamos hablando en este curso

12
00:00:52,765 --> 00:00:58,725
fue una completa re-implementación del marco Angular.

13
00:00:58,725 --> 00:01:05,980
Así, Angular como ves ahora es un animal totalmente nuevo con sus propias nuevas características,

14
00:01:05,980 --> 00:01:14,220
pero sí debe algunos de sus conceptos y características a la versión anterior de Angular.

15
00:01:14,220 --> 00:01:18,919
Entonces, vería alguna terminología común entre AngularJS y Angular,

16
00:01:18,919 --> 00:01:23,110
y algunos de los enfoques comunes para resolver el problema entre ambos.

17
00:01:23,110 --> 00:01:28,070
Pero la sintaxis Angular es significativamente diferente de

18
00:01:28,070 --> 00:01:33,770
la sintaxis AngularJS si estaba familiarizado con AngularJS.

19
00:01:33,770 --> 00:01:37,640
Entonces, esto requiere que te re-entrenes completamente

20
00:01:37,640 --> 00:01:43,015
en la forma angular de resolver problemas.

21
00:01:43,015 --> 00:01:50,720
Angular es un enfoque basado en componentes para implementar aplicaciones web.

22
00:01:50,720 --> 00:01:56,315
Por lo tanto, el componente se ha convertido en el frente y el centro de Angular ahora.

23
00:01:56,315 --> 00:01:59,830
Aunque, el enfoque basado en componentes ha sido retroportado a

24
00:01:59,830 --> 00:02:04,060
AngularJS también desde AngularJS versión 1.5.

25
00:02:04,060 --> 00:02:08,540
Entonces, si ha sido un enfoque basado en componentes con AngularJS,

26
00:02:08,540 --> 00:02:14,460
estará en un territorio algo familiar si entra en Angular.

27
00:02:14,460 --> 00:02:19,280
Angular ha sido diseñado desde el principio

28
00:02:19,280 --> 00:02:24,325
con soporte móvil para que pueda abordar fácilmente las plataformas móviles,

29
00:02:24,325 --> 00:02:29,840
y también proporciona renderización del lado del servidor para acelerar

30
00:02:29,840 --> 00:02:37,400
la representación de su aplicación web en los navegadores.

31
00:02:37,400 --> 00:02:43,065
Además, Angular proporciona un potente motor de plantillas y un potente soporte de plantillas.

32
00:02:43,065 --> 00:02:48,260
Veremos algunos de estos con más detalle a medida que avanzamos en este curso.

33
00:02:48,260 --> 00:02:50,765
Para resumir, ¿qué es exactamente Angular?

34
00:02:50,765 --> 00:02:56,250
Angular es un marco estructural para el diseño de aplicaciones web dinámicas.

35
00:02:56,250 --> 00:03:00,405
El enfoque basado en HTML que hemos visto,

36
00:03:00,405 --> 00:03:06,010
por ejemplo, con Bootstrap resultados en documentos principalmente estáticos, por supuesto,

37
00:03:06,010 --> 00:03:07,720
con jQuery y AJAX,

38
00:03:07,720 --> 00:03:15,430
puedes hacer un poco de comportamiento dinámico en tus sitios web usando Bootstrap anterior,

39
00:03:15,430 --> 00:03:17,870
pero Angular llena el vacío para admitir

40
00:03:17,870 --> 00:03:23,595
completamente aplicaciones dinámicas, aplicaciones dinámicas basadas en datos.

41
00:03:23,595 --> 00:03:26,110
Esto utiliza un enfoque declarativo.

42
00:03:26,110 --> 00:03:31,000
Hemos hablado del enfoque declarativo de programación en la conferencia anterior,

43
00:03:31,000 --> 00:03:37,205
, así que eso es lo que Angular adopta como su forma de resolver los problemas.

44
00:03:37,205 --> 00:03:39,180
Cuando lleguéis al mundo angular,

45
00:03:39,180 --> 00:03:43,025
pronto os bombardeará con un montón de vocabulario angular.

46
00:03:43,025 --> 00:03:46,520
Oirá a la gente hablar de enlace de datos unidireccional y bidireccional,

47
00:03:46,520 --> 00:03:52,460
y luego componentes obviamente y luego escuchará a la gente hablar de directivas,

48
00:03:52,460 --> 00:03:59,005
luego enrutamiento, plantillas y módulos, servicio,

49
00:03:59,005 --> 00:04:03,724
luego escuchará a la gente hablar de proveedor y pruebas,

50
00:04:03,724 --> 00:04:09,055
y muchos más, y muy pronto te abrumarás con la terminología.

51
00:04:09,055 --> 00:04:13,855
En este curso, vamos a tomar un enfoque suave hacia esta terminología.

52
00:04:13,855 --> 00:04:17,690
No nos molestamos demasiado con la terminología, pero

53
00:04:17,690 --> 00:04:23,135
en cambio entendemos cómo realmente hacemos uso de Angular.

54
00:04:23,135 --> 00:04:27,125
Con una comprensión razonable de

55
00:04:27,125 --> 00:04:31,785
esta terminología, pero ¿cómo hacemos uso de Angular para resolver problemas?

56
00:04:31,785 --> 00:04:37,685
Estos términos son maravillosos para espolvorear en su conversación en las fiestas de cóctel.

57
00:04:37,685 --> 00:04:40,730
Si incluso puedes probar estas líneas de recogida, «Baby,

58
00:04:40,730 --> 00:04:42,960
te gustaría ver mis componentes,

59
00:04:42,960 --> 00:04:46,750
o traes los datos y yo seré el proveedor».

60
00:04:46,750 --> 00:04:50,035
Ahora, dependiendo de lo bien que puedas llevarlo,

61
00:04:50,035 --> 00:04:53,310
puedes ser un gran éxito o serás golpeado.

62
00:04:53,310 --> 00:04:57,520
A veces, cuando busques Angular en la web,

63
00:04:57,520 --> 00:05:00,850
lo verás siendo referido como Angular Dos,

64
00:05:00,850 --> 00:05:04,465
y te preguntarás, ¿es Angular Dos o es Angular?

65
00:05:04,465 --> 00:05:07,115
Bueno, para que quede más claro,

66
00:05:07,115 --> 00:05:10,790
en una reciente publicación de blog en Angular site,

67
00:05:10,790 --> 00:05:14,570
hicieron una clara distinción entre por qué van a llamar

68
00:05:14,570 --> 00:05:19,940
este nuevo marco como simplemente Angular en lugar de Angular Two,

69
00:05:19,940 --> 00:05:22,055
o Angular Three, o Angular Four.

70
00:05:22,055 --> 00:05:25,140
Angular ha puesto en erupción el versionado semántico

71
00:05:25,140 --> 00:05:30,710
para marcar las diversas versiones de Angular como la versión.

72
00:05:30,710 --> 00:05:34,920
Versión semántica que utiliza la sintaxis como versión principal, versión secundaria

73
00:05:34,920 --> 00:05:36,685
y parche.

74
00:05:36,685 --> 00:05:40,450
Parche que significa que estas son principalmente correcciones de errores,

75
00:05:40,450 --> 00:05:42,985
versión menor que significa pequeñas mejoras,

76
00:05:42,985 --> 00:05:46,720
y una versión mayor tal vez introduciendo cambios de ruptura.

77
00:05:46,720 --> 00:05:50,940
Así que, ahora mismo, estamos en la versión Angular Six,

78
00:05:50,940 --> 00:05:59,530
y Angular Seven versión que viene en septiembre u octubre de 2018,

79
00:05:59,530 --> 00:06:01,670
y cada seis meses a partir de entonces,

80
00:06:01,670 --> 00:06:03,980
verás una versión principal siendo lanzada.

81
00:06:03,980 --> 00:06:05,875
Ahora, desde su perspectiva,

82
00:06:05,875 --> 00:06:07,535
una vez que comience,

83
00:06:07,535 --> 00:06:10,820
desarrolladores Angular han prometido mantener

84
00:06:10,820 --> 00:06:16,355
compatibilidad hacia atrás con la aplicación de la sintaxis anterior

85
00:06:16,355 --> 00:06:20,825
y una ruta de actualización bien definida

86
00:06:20,825 --> 00:06:25,545
para aquellos que quieran pasar a las versiones más nuevas de Angular.

87
00:06:25,545 --> 00:06:28,300
Así que, no te preocupes demasiado,

88
00:06:28,300 --> 00:06:33,335
lo que vas a aprender te mantendrá en buen comienzo durante mucho tiempo por venir.

89
00:06:33,335 --> 00:06:36,940
No va a ser como de AngularJS a Angular,

90
00:06:36,940 --> 00:06:45,865
ese tipo de cambio radical no se verá en las futuras versiones de Angular.

91
00:06:45,865 --> 00:06:51,890
Es hora de pasar a nuestros primeros términos en el ejercicio Angular donde instalaremos

92
00:06:51,890 --> 00:06:59,250
el angular-cli y luego crearemos nuestra primera aplicación Angular usando angular-cli.