Curso de Desarrollo Web Full Stack

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

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

Lección 2 • Control de Versiones con Git

Introduce flujos de trabajo de Git, ramificación, fusión y repositorios remotos. Establece 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 principios de 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, ciclos de solicitud-respuesta HTTP y resolución DNS. Fundamenta todo el trabajo posterior de front-end y back-end en principios de redes.

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

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

Lección 2 • Sintaxis y Tipos Básicos 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 objetos literales, prototipos, métodos de array y sintaxis spread. Permite 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 event loop, Promesas, async/await y la Fetch API. Prepara a los estudiantes para recuperar y mostrar datos de servicios externos.

Lección 1 • Fundamentos de React y JSX

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

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

Implementa navegación multipágina, rutas dinámicas y rutas protegidas. Conecta árboles de componentes en una aplicación de página única navegable.

Lección 3 • Estado Global y Context API

Introduce Context API y useReducer para compartir estado en toda la app. Prepara a los estudiantes para patrones de estado escalables antes de librerías de estado externas.

Lección 4 • Manejo de Estado con Hooks

Cubre useState, useEffect, useRef y hooks personalizados. Permite a los estudiantes manejar 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 accesos no autorizados.

Lección 2 • Middleware y Pipeline de Solicitudes

Explica el orden de ejecución del middleware, middleware personalizado y paquetes de terceros. Permite preocupaciones transversales como logging, CORS y parseo.

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

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

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

Cubre el event loop de Node.js, módulos CommonJS y módulos integrados. 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 entre 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 APIs Express a PostgreSQL usando un ORM y consultas directas. Demuestra consultas parametrizadas para prevenir inyección SQL.

Lección 3 • MongoDB y Modelado de Documentos

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

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

Cubre índices, planes de consulta y transacciones ACID en ambos tipos de base de datos. Prepara 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 convenciones de carpetas, separación de responsabilidades y herramientas de monorepo. Establece una base de código escalable para aplicaciones multicapa.

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

Implementa llamadas Axios/Fetch desde React a endpoints Express con configuración de proxy. Demuestra el flujo completo de datos desde la base de datos, pasando por la API, hasta la UI.

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

Cubre datos de formulario multiparte, procesamiento de archivos del lado del servidor e integración con almacenamiento en la nube. Extiende la API para soportar 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 con la capa de autenticación de Express. Produce un sistema de autenticación de usuarios completo y seguro.

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 en todas las secciones posteriores.

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

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

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 UI de forma aislada.

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

Automatiza interacciones del navegador para validar flujos completos de usuario. 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 encabezados de seguridad en entornos de producción. Protege las aplicaciones desplegadas de vulnerabilidades web comunes.

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

Introduce conceptos de cómputo en la nube, bases de datos administradas 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 Docker, escribe Dockerfiles y compone stacks de múltiples servicios. Asegura la paridad de entorno entre desarrollo y producción.

Lección 4 • Configuración del Pipeline de CI/CD

Automatiza pruebas, construcción y despliegue utilizando una plataforma de CI/CD. Reduce el riesgo de liberaciones manuales y refuerza las puertas de calidad en cada commit.