Curso de Desarrollo Web Full Stack

Lección 1 • Herramientas de Desarrollo y Fundamentos del Terminal

Instala y configura VS Code, Node.js, Git y un gestor de paquetes. Introduce los comandos de shell esenciales para navegar por proyectos y ejecutar scripts.

Lección 2 • Control de Versiones con Git

Introduce los flujos de trabajo de Git, la ramificación, la fusión y los repositorios remotos. Establece las prácticas de codificación colaborativa utilizadas a lo largo de todo el curso.

Lección 3 • Estilos CSS y Sistemas de Diseño

Cubre el modelo de caja, Flexbox, Grid y los principios del diseño responsivo. Permite a los estudiantes construir diseños estructurados y adaptables desde cero.

Lección 4 • Cómo Funciona la Web

Cubre la arquitectura cliente-servidor, los ciclos de petición-respuesta HTTP y la resolución DNS. Fundamenta todo el trabajo posterior de front-end y back-end en los fundamentos de red.

Lección 1 • Manipulación del DOM y Eventos

Cubre la consulta del DOM, la modificación de elementos y el manejo de eventos de usuario. Conecta JavaScript con HTML/CSS para producir páginas web interactivas.

Lección 2 • Sintaxis y Tipos Fundamentales de JavaScript

Cubre variables, tipos de datos, operadores y flujo de control. Establece los fundamentos del lenguaje necesarios antes de abordar funciones y objetos.

Lección 3 • Objetos, Arrays e Iteración

Explora los literales de objeto, los prototipos, los métodos de array y la sintaxis de propagación. Permite los patrones de manipulación de datos utilizados tanto en código de front-end como de back-end.

Lección 4 • JavaScript Asíncrono y APIs

Introduce el bucle de eventos, las Promesas, async/await y la API Fetch. Capacita a los estudiantes para obtener y mostrar datos de servicios externos.

Lección 1 • Fundamentos de React y JSX

Introduce el modelo de componentes de React, la sintaxis JSX y el DOM virtual. Establece el modelo mental para construir interfaces de usuario como árboles de componentes componibles.

Lección 2 • Enrutamiento del Lado del Cliente con React Router

Implementa navegación de múltiples páginas, rutas dinámicas y rutas protegidas. Conecta árboles de componentes en una aplicación de una sola página navegable.

Lección 3 • Estado Global y API de Contexto

Introduce la API de Contexto y useReducer para compartir estado en toda la aplicación. Prepara a los estudiantes para patrones de estado escalables antes de usar bibliotecas de estado externas.

Lección 4 • Gestión de Estado con Hooks

Cubre useState, useEffect, useRef y hooks personalizados. Permite a los estudiantes gestionar el estado local del componente y los efectos secundarios de forma declarativa.

Lección 1 • Autenticación y Autorización

Implementa autenticación basada en JWT, hashing de contraseñas y acceso basado en roles. Asegura los endpoints de la API contra el acceso no autorizado.

Lección 2 • Middleware y Canalización de Peticiones

Explica el orden de ejecución del middleware, el middleware personalizado y los paquetes de terceros. Permite preocupaciones transversales como el registro, CORS y el análisis sintáctico.

Lección 3 • Manejo de Errores y Diseño de API

Cubre el manejo centralizado de errores, la semántica de estados HTTP y las convenciones REST. Produce contratos de API coherentes y predecibles para los consumidores de front-end.

Lección 4 • Tiempo de Ejecución de Node.js y Sistema de Módulos

Cubre el bucle de eventos de Node.js, los módulos CommonJS y los módulos incorporados. Establece la ejecución de JavaScript del lado del servidor antes de introducir Express.

Lección 1 • Consultas SQL y Joins

Enseña SELECT, INSERT, UPDATE, DELETE y joins de múltiples tablas. Permite a los estudiantes recuperar y manipular datos relacionales de manera eficiente.

Lección 2 • Integración de Node.js y PostgreSQL

Conecta las APIs de Express a PostgreSQL utilizando un ORM y consultas directas. Demuestra el uso de consultas parametrizadas para prevenir la inyección SQL.

Lección 3 • MongoDB y Modelado de Documentos

Introduce el almacenamiento orientado a documentos, las colecciones y el diseño sin esquema. Contrasta las ventajas y desventajas de NoSQL con los enfoques relacionales tratados anteriormente.

Lección 4 • Indexación, Transacciones y Rendimiento

Cubre los índices, los planes de consulta y las transacciones ACID en ambos tipos de bases de datos. Capacita a los estudiantes para optimizar consultas en aplicaciones a escala de producción.

Lección 1 • Estructura del Proyecto y Configuración de Monorepo

Define las convenciones de carpetas, la separación de responsabilidades y las herramientas de monorepo. Establece una disposición de código escalable para aplicaciones de múltiples capas.

Lección 2 • Conexión de React a las APIs de Express

Implementa llamadas Axios/Fetch desde React a endpoints de Express con configuración de proxy. Demuestra el flujo completo de datos desde la base de datos, a través de la API, hasta la interfaz de usuario.

Lección 3 • Carga de Archivos y Manejo de Medios

Cubre los datos de formulario multiparte, el procesamiento de archivos del lado del servidor y la integración con el almacenamiento en la nube. Amplía la API para admitir medios generados por el usuario.

Lección 4 • Flujo de Autenticación de Extremo a Extremo

Conecta el inicio de sesión JWT, el almacenamiento de tokens y las rutas protegidas de React a la capa de autenticación de Express. Produce un sistema completo y seguro de autenticación de usuarios.

Lección 1 • Fundamentos y Estrategia de Pruebas

Define la pirámide de pruebas, los tipos de pruebas y los objetivos de cobertura. Enmarca la mentalidad de pruebas aplicada a lo largo de todas las secciones posteriores.

Lección 2 • Pruebas de Integración de API

Prueba las rutas de Express con Supertest y una base de datos en memoria. Verifica los contratos de API sin depender de una base de datos de producción activa.

Lección 3 • Pruebas Unitarias de JavaScript y React

Utiliza Jest y React Testing Library para probar funciones y componentes. Valida la lógica de negocio y el comportamiento de la interfaz de usuario de forma aislada.

Lección 4 • Pruebas de Extremo a Extremo con Playwright

Automatiza las interacciones del navegador para validar flujos de usuario completos. Detecta regresiones que las pruebas unitarias y de integración no pueden detectar.

Lección 1 • Configuración del Entorno y Seguridad

Gestiona secretos, HTTPS y cabeceras de seguridad en entornos de producción. Protege las aplicaciones desplegadas de las vulnerabilidades web más comunes.

Lección 2 • Alojamiento en la Nube y Fundamentos de Infraestructura

Introduce los conceptos de computación en la nube, bases de datos gestionadas y almacenamiento de objetos. Proporciona el vocabulario de infraestructura necesario para todas las tareas de despliegue.

Lección 3 • Contenerización con Docker

Construye imágenes de Docker, escribe Dockerfiles y compone pilas de múltiples servicios. Garantiza la paridad del entorno entre desarrollo y producción.

Lección 4 • Configuración de la Canalización de CI/CD

Automatiza las pruebas, la construcción y el despliegue utilizando una plataforma de CI/CD. Reduce el riesgo de publicación manual y aplica controles de calidad en cada commit.