Curso de Desarrollo Web Full Stack

Lección 1 • Configuración del Entorno de Desarrollo

Instala y configura un editor de código, terminal, control de versiones y herramientas de desarrollo del navegador. Crea un espacio de trabajo reproducible para todos los proyectos del curso.

Lección 2 • Cómo Funciona la Web

Cubre la resolución de DNS, los ciclos de petición-respuesta HTTP y los códigos de estado. Establece el modelo de comunicación del que depende cada capítulo posterior.

Lección 3 • Control de Versiones con Git

Practica la ramificación, confirmación de cambios, fusión y resolución de conflictos usando Git. Establece el flujo de trabajo utilizado en cada proyecto del curso.

Lección 4 • Maquetación y Estilos con CSS

Aplica el modelo de caja, Flexbox y Grid para controlar la maquetación y el diseño visual. Se conecta directamente con la construcción de componentes de IU responsivos en capítulos posteriores.

Lección 1 • Funciones y Ámbito

Explica las declaraciones de funciones, expresiones, funciones flecha, cierres y la pila de llamadas. Construye el modelo mental requerido para callbacks y código asíncrono.

Lección 2 • JavaScript Asíncrono

Enseña el bucle de eventos, callbacks, Promises y async/await para código no bloqueante. Es fundamental para toda la comunicación con API cubierta en capítulos posteriores.

Lección 3 • Sintaxis Básica y Tipos de Datos

Cubre variables, operadores, flujo de control y tipos primitivos vs. de referencia. Proporciona el vocabulario para cada concepto de JavaScript que sigue.

Lección 4 • Manipulación del DOM

Selecciona, modifica y crea nodos del DOM en respuesta a eventos del usuario. Habilita directamente la construcción de componentes de IU interactivos en el capítulo del frontend.

Lección 1 • Efectos Secundarios y Obtención de Datos

Aplica useEffect para obtener datos, suscribirse a eventos y limpiar recursos. Conecta las habilidades de JavaScript asíncrono con el comportamiento real de componentes impulsados por API.

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

Usa useState y useReducer para gestionar el estado local del componente y los datos derivados. Prepara a los estudiantes para elevar el estado y patrones de estado global.

Lección 3 • Enrutamiento y Navegación

Implementa enrutamiento del lado del cliente con rutas dinámicas, diseños anidados y rutas protegidas. Permite construir SPAs multipágina con una gestión de URL adecuada.

Lección 4 • Fundamentos de React

Introduce JSX, el DOM virtual y los componentes funcionales. Establece el modelo de componentes sobre el que se construyen todos los patrones de React en este capítulo.

Lección 1 • Middleware y Pipeline de Peticiones

Escribe middleware personalizado para registro, validación y verificaciones de autenticación. Muestra cómo el pipeline de peticiones procesa cada solicitud HTTP entrante.

Lección 2 • Node.js Runtime y Módulos

Explica el bucle de eventos de Node.js, el sistema de módulos y los módulos integrados. Establece cómo el JavaScript del lado del servidor difiere del JavaScript del navegador.

Lección 3 • Construcción de APIs REST con Express

Define rutas, maneja verbos HTTP y analiza los cuerpos de las peticiones usando Express. Produce los endpoints de API consumidos por el frontend React.

Lección 4 • Manejo de Errores y Registro

Implementa manejadores de errores centralizados, errores operacionales vs. de programador y registro estructurado. Asegura que las APIs fallen de forma controlada y sean depurables en producción.

Lección 1 • Bases de Datos NoSQL y de Documentos

Modela datos como documentos, aplica indexación y realiza CRUD con una base de datos de documentos. Contrasta con el diseño relacional para guiar las decisiones de elección de esquema.

Lección 2 • Rendimiento de Bases de Datos e Indexación

Analiza planes de ejecución de consultas, añade índices y aplica agrupación de conexiones. Asegura que la capa de datos escale bajo una carga de aplicación realista.

Lección 3 • Escritura de Consultas SQL

Escribe consultas SELECT, INSERT, UPDATE, DELETE y de agregación con filtrado y ordenamiento. Construye las habilidades de consulta necesarias para la configuración de ORM y consultas directas.

Lección 4 • Fundamentos de Bases de Datos Relacionales

Cubre tablas, claves primarias/foráneas, normalización y uniones. Proporciona el vocabulario de modelado de datos utilizado en todo el capítulo de bases de datos.

Lección 1 • Conceptos de Autenticación

Distingue la autenticación de la autorización y explica los enfoques con estado vs. sin estado. Establece la base conceptual para todas las secciones de implementación.

Lección 2 • Autenticación Basada en Sesiones

Gestiona sesiones del lado del servidor con cookies seguras y almacenes de sesiones. Proporciona una alternativa a los JWT para aplicaciones que requieren invalidación controlada por el servidor.

Lección 3 • Control de Acceso Basado en Roles

Define roles y permisos, los aplica mediante middleware y protege las rutas de la API. Habilita funciones multi-inquilino y de administrador en el proyecto final.

Lección 4 • Autenticación Basada en JWT

Emite, firma y verifica JSON Web Tokens para autenticación de API sin estado. Se integra directamente con el pipeline de middleware de Express del capítulo de backend.

Lección 1 • Conexión del Frontend con el Backend

Configura las URLs base de la API, maneja CORS en desarrollo y gestiona los tokens de autenticación en React. Une el frontend y backend aislados construidos en capítulos anteriores.

Lección 2 • Depuración y Perfilado de Rendimiento

Utiliza las Herramientas de Desarrollo del navegador, el depurador de Node.js y herramientas de perfilado para encontrar y corregir cuellos de botella. Prepara a los estudiantes para diagnosticar problemas en la aplicación desplegada.

Lección 3 • Pruebas de Extremo a Extremo

Automatiza recorridos completos de usuario en un navegador real usando un framework de pruebas E2E. Detecta regresiones de integración que las pruebas unitarias no pueden detectar.

Lección 4 • Pruebas Unitarias en JavaScript

Escribe pruebas unitarias para funciones puras y componentes de React usando un ejecutor de pruebas y una librería de aserciones. Establece la línea base de pruebas antes de las pruebas de integración.

Lección 1 • Monitoreo y Alertas

Integra el monitoreo del desempeño de la aplicación, verificaciones de tiempo de actividad y seguimiento de errores. Permite una respuesta rápida a incidentes para la aplicación en producción desplegada.

Lección 2 • Fundamentos de Despliegue en la Nube

Despliega servicios contenerizados en una plataforma en la nube, configura dominios y gestiona secretos de entorno. Produce la primera versión públicamente accesible de la aplicación.

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

Automatiza las etapas de construcción, prueba y despliegue usando un servicio de CI/CD activado por pushes a Git. Elimina los pasos de despliegue manual y aplica controles de calidad.

Lección 4 • Contenerización con Docker

Escribe Dockerfiles, construye imágenes y ejecuta pilas multiservicio con Docker Compose. Asegura que la aplicación se ejecute de manera idéntica en desarrollo y producción.