1
00:00:00,000 --> 00:00:03,112
[MUSIC]

2
00:00:03,112 --> 00:00:06,571
¿Qué es el desarrollo web de pila completa?

3
00:00:06,571 --> 00:00:13,028
Permítanme aclarar algunos términos para que comencemos con un entendimiento común

4
00:00:13,028 --> 00:00:18,781
de desarrollo web de pila completa como se aplica en esta especialización.

5
00:00:18,781 --> 00:00:22,640
A menudo escuchamos a la gente hablar del front-end y el back-end.

6
00:00:22,640 --> 00:00:27,362
El front-end es donde estamos entregando el contenido al usuario,

7
00:00:27,362 --> 00:00:32,363
normalmente en un navegador, donde el usuario accede a la información.

8
00:00:32,363 --> 00:00:36,815
Y aquí es donde usamos tecnologías como HTML,

9
00:00:36,815 --> 00:00:41,822
CSS y Javascript para renderizar el contenido para el usuario.

10
00:00:41,822 --> 00:00:46,963
Esta entrega de información es soportada detrás de

11
00:00:46,963 --> 00:00:52,615
las escenas por un soporte back-end, que normalmente es

12
00:00:52,615 --> 00:00:59,039
implementado en estos días usando tecnologías como PHP Java,

13
00:00:59,039 --> 00:01:03,163
ASP.NET, Ruby, Python o NodeJS.

14
00:01:03,163 --> 00:01:07,303
A menudo escuchamos a la gente hablar de la arquitectura de tres niveles para el desarrollo web

15
00:01:07,303 --> 00:01:08,451
.

16
00:01:08,451 --> 00:01:12,965
En este enfoque, toda la aplicación web está organizada en tres capas

17
00:01:12,965 --> 00:01:14,320
diferentes.

18
00:01:14,320 --> 00:01:16,073
La capa de presentación,

19
00:01:16,073 --> 00:01:20,462
que se ocupa de entregar la información al usuario.

20
00:01:20,462 --> 00:01:25,053
Por lo tanto, estas son generalmente las preocupaciones relacionadas con la UIs que se tratan en

21
00:01:25,053 --> 00:01:26,896
la capa de presentación.

22
00:01:26,896 --> 00:01:32,181
La capa de lógica empresarial, por otro lado, se preocupa más por los datos,

23
00:01:32,181 --> 00:01:36,145
la validación de datos, el procesamiento dinámico de contenido, y

24
00:01:36,145 --> 00:01:39,582
generar el contenido que se entregará al usuario.

25
00:01:39,582 --> 00:01:44,355
Se realiza una copia de seguridad entre bastidores con la capa de persistencia de datos o

26
00:01:44,355 --> 00:01:46,012
la capa de acceso a datos.

27
00:01:46,012 --> 00:01:52,392
Así que esto se refiere a cómo almacenamos e interactuamos con los datos,

28
00:01:52,392 --> 00:01:59,361
típicamente en la forma de una base de datos, y accedemos a estos datos a través de una API.

29
00:01:59,361 --> 00:02:04,070
Explorando esto más allá, veamos lo que se implementa típicamente en

30
00:02:04,070 --> 00:02:08,466
el desarrollo web tradicional en cada una de estas tres capas.

31
00:02:08,466 --> 00:02:12,976
La capa de lógica empresarial generalmente se implementa

32
00:02:12,976 --> 00:02:17,816
en estos días usando tecnologías como Ruby, Python,

33
00:02:17,816 --> 00:02:21,120
PHP, Java, C++ o ASP.Net.

34
00:02:21,120 --> 00:02:25,884
Esta capa de lógica empresarial está interactuando entre bastidores,

35
00:02:25,884 --> 00:02:31,747
con los datos persistentes, normalmente almacenados en la base de datos relacional y

36
00:02:31,747 --> 00:02:34,780
al que accede la capa lógica empresarial.

37
00:02:34,780 --> 00:02:39,752
La capa de lógica empresarial también se ocupa de la representación de la información

38
00:02:39,752 --> 00:02:44,510
en la parte frontal, normalmente la representación formal del lado del servidor en estos días.

39
00:02:44,510 --> 00:02:49,061
Así que el HTML, CSS y JavaScript se genera en el lado del servidor y

40
00:02:49,061 --> 00:02:52,972
luego se envía al lado del cliente en forma de página web.

41
00:02:52,972 --> 00:02:58,863
En este enfoque, necesitamos especialistas en cada una de estas tres capas.

42
00:02:58,863 --> 00:03:04,638
Entonces, un especialista de front-end normalmente estaría bien versado en HTML,

43
00:03:04,638 --> 00:03:06,471
CSS y JavaScript.

44
00:03:06,471 --> 00:03:11,151
El especialista en lógica empresarial estaría bien versado en una de

45
00:03:11,151 --> 00:03:16,373
las tecnologías que se utilizan para implementar la lógica empresarial.

46
00:03:16,373 --> 00:03:21,031
Y entonces usted necesita un especialista en datos que estará bien versado en

47
00:03:21,031 --> 00:03:24,862
las relaciones de los sistemas de gestión de bases de datos.

48
00:03:24,862 --> 00:03:29,813
Hay una tendencia creciente hacia el uso de un solo idioma

49
00:03:29,813 --> 00:03:34,482
para implementar toda la pila, esto es JavaScript.

50
00:03:34,482 --> 00:03:37,721
Así que podría tener el front-end implementado, por ejemplo

51
00:03:37,721 --> 00:03:42,541
, como una aplicación de una sola página usando marcos como Angular.

52
00:03:42,541 --> 00:03:47,224
Tiene el lado del servidor, o la capa de lógica empresarial que se está implementando

53
00:03:47,224 --> 00:03:52,074
usando tecnologías como NodeJS, que también depende de JavaScript.

54
00:03:52,074 --> 00:03:56,865
Y luego tiene el almacenamiento de datos en sí mismo siendo implementado usando tecnologías

55
00:03:56,865 --> 00:04:02,453
como MongoDB que almacena datos en forma de documentos JSON.

56
00:04:02,453 --> 00:04:08,122
Y el intercambio de información entre el lado del servidor y

57
00:04:08,122 --> 00:04:13,908
el lado del cliente generalmente se realiza usando JSON como formato y

58
00:04:13,908 --> 00:04:18,533
el lado del servidor admite un extremo de API de descanso.

59
00:04:18,533 --> 00:04:24,433
Cubriremos todas estas tecnologías como parte de esta especialización.

60
00:04:24,433 --> 00:04:29,083
Así que a medida que vaya a través de la especialización verá que en ese sitio de capa de presentación

61
00:04:29,083 --> 00:04:33,295
, cubriremos Bootstrap 4 y

62
00:04:33,295 --> 00:04:37,173
Angular para implementar aplicaciones front-end.

63
00:04:37,173 --> 00:04:43,363
Luego en la capa de lógica empresarial usaremos los módulos JS y JS,

64
00:04:43,363 --> 00:04:48,679
y Express para implementar la capa de lógica empresarial.

65
00:04:48,679 --> 00:04:53,026
También consideraremos back-end como un servicio, y

66
00:04:53,026 --> 00:04:57,712
luego el soporte de datos implementado usando MongoDB.

67
00:04:57,712 --> 00:05:00,616
A medida que vaya a través de la especialización,

68
00:05:00,616 --> 00:05:05,544
los cursos más vagos que encontrará en la especialización

69
00:05:05,544 --> 00:05:11,002
Incluya el primer curso que se ocupa de los frameworks de interfaz de usuario web front-end.

70
00:05:11,002 --> 00:05:18,061
Cubriremos Bootstrap 4 con suficiente detalle en el primer curso.

71
00:05:18,061 --> 00:05:25,723
También encontraremos herramientas de desarrollo web basadas en el ecosistema NodeJS.

72
00:05:25,723 --> 00:05:31,782
El segundo curso tratará de front-end JavaScript Frameworks,

73
00:05:31,782 --> 00:05:35,281
en particular Angular en gran detalle.

74
00:05:35,281 --> 00:05:40,861
En el tercer curso, veremos el desarrollo móvil híbrido

75
00:05:40,861 --> 00:05:45,823
utilizando tecnologías como Ionic Framework y Cordova.

76
00:05:45,823 --> 00:05:52,632
También consideraremos Nativescript como otro enfoque para

77
00:05:52,632 --> 00:05:58,673
haciendo desarrollo móvil híbrido en el cuarto curso.

78
00:05:58,673 --> 00:06:03,514
El curso final, por supuesto, nos lleva al lado del servidor,

79
00:06:03,514 --> 00:06:08,973
, donde veremos el desarrollo del lado del servidor usando NodeJS,

80
00:06:08,973 --> 00:06:14,638
módulos NodeJS, Express, MongoDB y Backend as a Service,

81
00:06:14,638 --> 00:06:18,354
en particular usando el marco de bucle back.

82
00:06:18,354 --> 00:06:22,953
Esto completa todo el desarrollo web de pila completa y

83
00:06:22,953 --> 00:06:25,644
especialización móvil híbrida.

84
00:06:25,644 --> 00:06:28,959
[MÚSICA]