1
00:00:02,230 --> 00:00:06,260
¿Qué es el Desarrollo
Web Full Stack?

2
00:00:06,260 --> 00:00:09,240
Déjame aclararte
algunos términos,

3
00:00:09,240 --> 00:00:11,915
comenzamos con
una comprensión común

4
00:00:11,915 --> 00:00:17,895
del desarrollo web full stack tal
como se aplica en esta especialización.

5
00:00:17,895 --> 00:00:22,360
A menudo escuchamos a la gente
hablar del front end y del back end.

6
00:00:22,360 --> 00:00:28,095
El front end es donde estamos entregando
el contenido al usuario, por lo general,

7
00:00:28,095 --> 00:00:32,135
en un navegador donde
accede a la información,

8
00:00:32,135 --> 00:00:36,800
y aquí es donde usamos
tecnologías como HTML,

9
00:00:36,800 --> 00:00:41,435
CSS y JavaScript para representar
el contenido para el usuario.

10
00:00:41,435 --> 00:00:48,275
Esta entrega de información está
soportada detrás del escenario

11
00:00:48,275 --> 00:00:56,825
por un soporte de back end que se implementa
en estos días utilizando tecnologías como PHP,

12
00:00:56,825 --> 00:01:02,670
Java, ASP.NET, Ruby, Python o NodeJS.

13
00:01:02,670 --> 00:01:08,279
A menudo escuchamos a la gente hablar de la
arquitectura de tres niveles para el desarrollo web.

14
00:01:08,279 --> 00:01:14,235
En este enfoque, la aplicación web entera
está organizada en tres capas diferentes.

15
00:01:14,235 --> 00:01:20,500
La capa de presentación se
refiere a la entrega al usuario,

16
00:01:20,500 --> 00:01:21,545
esta suele ser

17
00:01:21,545 --> 00:01:26,710
las tareas relacionadas con la interfaz de
usuario en la capa de presentación.

18
00:01:26,710 --> 00:01:29,070
La capa de Business
Logic, por otro lado,

19
00:01:29,070 --> 00:01:32,670
se interesa por los datos,
la validación de datos,

20
00:01:32,670 --> 00:01:34,570
el procesamiento de
contenido dinámico,

21
00:01:34,570 --> 00:01:39,260
y la generación del contenido
que se entregará al usuario.

22
00:01:39,260 --> 00:01:42,500
Esto está detrás
del escenario

23
00:01:42,500 --> 00:01:46,030
con la capa de persistencia de datos
o la capa de acceso de datos.

24
00:01:46,030 --> 00:01:52,000
Está relacionada con cómo
almacenamos e interactuamos con los datos

25
00:01:52,000 --> 00:01:58,650
normalmente, en forma de una base de datos
y acceso a estos datos a través de una API.

26
00:01:58,650 --> 00:02:02,950
Al explorar esto más, vamos
a ver lo que se implementa

27
00:02:02,950 --> 00:02:08,255
por lo general en el desarrollo web
tradicional en cada una de estas tres capas.

28
00:02:08,255 --> 00:02:13,490
La capa Business Logic generalmente se implementa
en estos días utilizando tecnologías como Ruby,

29
00:02:13,490 --> 00:02:19,220
Python, PHP, JAVA,
C ++ o ASP.NET.

30
00:02:19,220 --> 00:02:25,430
Esta capa Business Logic
interactúa detrás del escenario

31
00:02:25,430 --> 00:02:28,260
con los datos persistentes
típicamente almacenados

32
00:02:28,260 --> 00:02:34,395
en una base de datos relacional a
la que accede la capa Business Logic.

33
00:02:34,395 --> 00:02:37,360
La capa Business Logic
también se preocupa

34
00:02:37,360 --> 00:02:40,970
con la entrega de la
información al front side,

35
00:02:40,970 --> 00:02:44,285
típicamente, en forma de representación
en el lado del servidor en estos días.

36
00:02:44,285 --> 00:02:47,480
El HTML, CSS y JavaScript
se generan en

37
00:02:47,480 --> 00:02:52,460
el lado del servidor y luego se envían al
lado del cliente en forma de página web.

38
00:02:52,460 --> 00:02:58,925
En este enfoque, necesitaremos
especialistas en cada una de las tres capas.

39
00:02:58,925 --> 00:03:01,010
Los especialistas en
front end, típicamente,

40
00:03:01,010 --> 00:03:06,390
están versados en
HTML, CSS y JavaScript.

41
00:03:06,390 --> 00:03:10,280
El especialista en
Business Logic está

42
00:03:10,280 --> 00:03:14,390
versado en una de las
tecnologías que se utilizan

43
00:03:14,390 --> 00:03:17,310
para implementar la Business
Logic y entonces necesitas

44
00:03:17,310 --> 00:03:24,120
un especialista en datos que esté versado en el
sistema de gestión de bases de datos relacionales.

45
00:03:24,120 --> 00:03:27,810
Hay una tendencia
creciente hacia el uso

46
00:03:27,810 --> 00:03:32,225
de un solo lenguaje
para implementar toda la pila,

47
00:03:32,225 --> 00:03:37,530
este es JavaScript que puede implementar
el front end de la interfaz,

48
00:03:37,530 --> 00:03:43,800
por ejemplo, como una aplicación de página
única que usa marcos como Angular o React.

49
00:03:43,800 --> 00:03:46,450
Tienes el lado del servidor

50
00:03:46,450 --> 00:03:51,080
o la capa de Business Logic que se implementa
utilizando tecnologías como NodeJS,

51
00:03:51,080 --> 00:03:56,165
que también dependen de JavaScript y
luego tienes el almacenamiento de datos,

52
00:03:56,165 --> 00:03:59,525
implementados utilizando
tecnologías como MongoDB,

53
00:03:59,525 --> 00:04:03,605
que almacena los datos en
forma de documentos JSON.

54
00:04:03,605 --> 00:04:10,640
Y el intercambio de información entre el
lado del servidor y el lado del cliente suele

55
00:04:10,640 --> 00:04:19,690
hacerse usando JSON como formato y el lado
del servidor soporta una API REST endpoint.

56
00:04:19,690 --> 00:04:24,990
Cubriremos estas tecnologías
como parte de esta especialización.

57
00:04:24,990 --> 00:04:27,875
A medida que avances
en la especialización,

58
00:04:27,875 --> 00:04:31,370
verás que en el lado de
la capa de presentación,

59
00:04:31,370 --> 00:04:35,510
cubriremos Bootstrap 4 y Angular

60
00:04:35,510 --> 00:04:40,420
o React para implementar
aplicaciones front end mientras que

61
00:04:40,420 --> 00:04:45,115
en la capa Business Logic
utilizaremos tecnologías como NodeJS,

62
00:04:45,115 --> 00:04:51,100
y Express para implementar
la capa Business Logic.

63
00:04:51,100 --> 00:04:54,720
Consideramos
también el BaaS

64
00:04:54,720 --> 00:04:59,400
luego el soporte de
datos utilizando MongoDB.