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 por 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, los ciclos de solicitud-respuesta HTTP y la resolución de DNS. Fundamenta todo el trabajo posterior de front-end y back-end en los fundamentos de redes.

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 Básica y Tipos en 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, Arreglos e Iteración

Explora literales de objeto, prototipos, métodos de arreglos y sintaxis spread. Habilita 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, Promises, 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, la 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 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 Context API

Introduce Context API y useReducer para compartir estado en toda la aplicación. Prepara a los estudiantes para patrones de estado escalables antes de bibliotecas 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. Habilita preocupaciones transversales como logging, CORS y parsing.

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

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

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

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 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 APIs de Express a PostgreSQL usando un ORM y consultas directas. Demuestra consultas parametrizadas para prevenir la inyección SQL.

Lección 3 • MongoDB y Modelado de Documentos

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

Lección 4 • Indexación, Transacciones y Desempeño

Cubre índices, planes de consulta y transacciones ACID en ambos tipos de bases 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 preocupaciones y herramientas de monorepo. Establece un diseño de base de código escalable para aplicaciones de múltiples capas.

Lección 2 • Conexión de React a 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 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 con 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 usuario 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 los contratos de la API sin depender de una base de datos de producción en vivo.

Lección 3 • Pruebas Unitarias de JavaScript y React

Usa 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 las 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 • Fundamentos de Alojamiento en la Nube e Infraestructura

Introduce conceptos de cómputo 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 stacks de múltiples servicios. Asegura la paridad del 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 liberación manual y aplica puertas de calidad en cada commit.