1 00:00:02,270 --> 00:00:06,345 ¿Qué es el desarrollo web de Full Stack?. 2 00:00:06,345 --> 00:00:11,565 Permítanme aclarar algunos términos para que empecemos con una comprensión común del 3 00:00:11,565 --> 00:00:18,035 desarrollo web de pila completa como se aplica en esta especialización. 4 00:00:18,035 --> 00:00:22,415 A menudo escuchamos a la gente hablando de la parte delantera y la parte trasera. 5 00:00:22,415 --> 00:00:27,000 El front-end es donde estamos entregando el contenido al usuario, 6 00:00:27,000 --> 00:00:32,335 normalmente en un navegador donde el usuario accede a la información. 7 00:00:32,335 --> 00:00:36,740 Aquí es donde utilizamos tecnologías como HTML, 8 00:00:36,740 --> 00:00:41,475 CSS y JavaScript para renderizar el contenido para el usuario. 9 00:00:41,475 --> 00:00:48,380 Esta entrega de información es soportada detrás de escena por 10 00:00:48,380 --> 00:00:57,180 un soporte back-end que normalmente se implementa en estos días utilizando tecnologías como PHP 11 00:00:57,180 --> 00:01:02,770 , Java, ASP.NET, Ruby, Python o NodeJS. 12 00:01:02,770 --> 00:01:08,320 A menudo escuchamos a la gente hablar de la arquitectura de tres niveles para el desarrollo web. 13 00:01:08,320 --> 00:01:14,260 En este enfoque, toda la aplicación web se organiza en tres capas diferentes. 14 00:01:14,260 --> 00:01:20,580 La capa de presentación que se ocupa de entregar la información al usuario. 15 00:01:20,580 --> 00:01:23,390 Por lo tanto, estas son generalmente las 16 00:01:23,390 --> 00:01:26,780 preocupaciones relacionadas con la interfaz de usuario que se tratan en la capa de presentación. 17 00:01:26,780 --> 00:01:29,840 La capa de lógica empresarial, por otra parte, se 18 00:01:29,840 --> 00:01:32,760 preocupa más por los datos, la validación de datos, 19 00:01:32,760 --> 00:01:39,285 el procesamiento dinámico de contenidos y la generación del contenido que se entregará al usuario. 20 00:01:39,285 --> 00:01:42,545 Se realiza una copia de seguridad entre bastidores 21 00:01:42,545 --> 00:01:46,090 con la capa de persistencia de datos o la capa de acceso a datos. 22 00:01:46,090 --> 00:01:52,085 Por lo tanto, esto se refiere a cómo almacenamos e interactuamos con los datos, 23 00:01:52,085 --> 00:01:58,620 típicamente en forma de base de datos y accedemos a estos datos a través de una API. 24 00:01:58,620 --> 00:02:03,020 Explorando esto más adelante, vamos a ver lo que se implementa 25 00:02:03,020 --> 00:02:08,145 típicamente en el desarrollo web tradicional en cada una de estas tres capas. 26 00:02:08,145 --> 00:02:13,520 La capa de lógica empresarial generalmente se implementa en estos días utilizando tecnologías como Ruby 27 00:02:13,520 --> 00:02:19,250 , Python, PHP, Java, C++ o ASP.NET. 28 00:02:19,250 --> 00:02:25,520 Esta capa de lógica empresarial interactúa entre bastidores con 29 00:02:25,520 --> 00:02:28,340 los datos persistentes que normalmente se almacenan en 30 00:02:28,340 --> 00:02:34,465 una base de datos relacional y a los que se accede la capa de lógica empresarial. 31 00:02:34,465 --> 00:02:37,415 La capa de lógica empresarial también se 32 00:02:37,415 --> 00:02:41,015 ocupa de la representación de la información en la parte frontal, 33 00:02:41,015 --> 00:02:44,415 normalmente, en forma de representación del lado del servidor en este caso. 34 00:02:44,415 --> 00:02:47,540 Por lo tanto, el HTML, CSS y JavaScript se genera en 35 00:02:47,540 --> 00:02:52,530 el lado del servidor y luego se envía al lado del cliente en forma de una página web. 36 00:02:52,530 --> 00:02:58,870 En este enfoque, necesitamos especialistas en cada una de estas tres capas. 37 00:02:58,870 --> 00:03:06,465 Por lo tanto, un especialista front-end generalmente estaría bien versado en HTML, CSS y JavaScript. 38 00:03:06,465 --> 00:03:10,310 El especialista en lógica empresarial estaría 39 00:03:10,310 --> 00:03:14,975 bien versado en una de las tecnologías que se utilizan para 40 00:03:14,975 --> 00:03:17,375 implementar la lógica empresarial y luego necesita 41 00:03:17,375 --> 00:03:24,275 un especialista en datos que esté bien versado en el sistema de gestión de bases de datos relacionales. 42 00:03:24,275 --> 00:03:29,480 Hay una tendencia creciente hacia el uso de un solo lenguaje 43 00:03:29,480 --> 00:03:34,510 para implementar toda la pila, este es JavaScript. 44 00:03:34,510 --> 00:03:38,300 Por lo tanto, podría tener el front-end implementado, por ejemplo, 45 00:03:38,300 --> 00:03:43,805 como una aplicación de una sola página usando marcos como Angular o React. 46 00:03:43,805 --> 00:03:46,520 Tiene el lado del servidor o 47 00:03:46,520 --> 00:03:51,130 la capa de lógica empresarial que se está implementando usando tecnologías como NodeJS, 48 00:03:51,130 --> 00:03:53,425 que también depende de JavaScript. 49 00:03:53,425 --> 00:03:58,430 Luego tiene el almacenamiento de datos en sí implementado usando tecnologías 50 00:03:58,430 --> 00:04:03,960 como MongoDB que almacena datos en forma de documentos JSON. 51 00:04:03,960 --> 00:04:11,525 El intercambio de información entre el lado del servidor y el lado del cliente generalmente se realiza 52 00:04:11,525 --> 00:04:19,760 usando JSON como el formato y el lado del servidor admite un extremo API REST. 53 00:04:19,760 --> 00:04:25,065 Cubriremos todas estas tecnologías como parte de esta especialización. 54 00:04:25,065 --> 00:04:27,870 Por lo tanto, a medida que pasa por esta especialización, 55 00:04:27,870 --> 00:04:31,370 verá que en el lado de la capa de presentación, 56 00:04:31,370 --> 00:04:33,795 cubriremos Bootstrap 4, 57 00:04:33,795 --> 00:04:39,665 un Angular o React para implementar aplicaciones front-end. 58 00:04:39,665 --> 00:04:42,350 Luego, en la capa de lógica empresarial, 59 00:04:42,350 --> 00:04:45,154 usaremos los módulos NodeJS y NodeJS 60 00:04:45,154 --> 00:04:51,230 y Express para implementar la capa de lógica empresarial. 61 00:04:51,230 --> 00:04:54,920 También consideraremos el back-end como un servicio y luego 62 00:04:54,920 --> 00:04:59,760 el soporte de datos implementado usando MongoDB.