Curso JavaScript Full Stack

Lección 1 • Fundamentos de HTML y CSS

Repasa la estructura semántica de HTML y los modelos de diseño de CSS, incluyendo Flexbox y Grid. Estas habilidades respaldan cada componente frontend que se construye en los capítulos siguientes.

Lección 2 • Control de Versiones con Git

Enseña ramas, commits, merges y flujos de trabajo remotos usando Git. El control de versiones sustenta cada tarea colaborativa y de despliegue en capítulos posteriores.

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

Instala y configura Node.js, VS Code, Git y herramientas de terminal. Un entorno local consistente evita la fricción de herramientas a lo largo del curso.

Lección 1 • Arrays, Objects y Destructuring

Enseña la manipulación de arrays y objetos, la sintaxis spread/rest y los patrones de destructuring. Estos patrones aparecen en cada componente de React y módulo de Node.js en capítulos posteriores.

Lección 2 • JavaScript Asíncrono

Cubre el event loop, callbacks, Promises y la sintaxis async/await. La fluidez asíncrona es esencial para todas las llamadas a API y operaciones de base de datos en los capítulos de backend.

Lección 3 • Variables, Tipos y Operadores

Cubre let, const, tipos primitivos, coerción de tipos y precedencia de operadores. Elimina errores comunes causados por el malentendido del comportamiento de tipos en JavaScript.

Lección 4 • Módulos ES y Herramientas Modernas

Presenta la sintaxis de módulos ES, bundlers y transpiladores. Los estudiantes entienden cómo se organiza y prepara el código JavaScript moderno para su entrega en producción.

Lección 1 • Fundamentos de React y JSX

Presenta el modelo de componentes de React, la sintaxis JSX y el DOM virtual. Establece el modelo mental necesario para todo el trabajo posterior con estado y ciclo de vida en React.

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

Cubre useState, useEffect, useRef y hooks personalizados para gestionar el estado de los componentes y los efectos secundarios. Los hooks son el mecanismo principal para el comportamiento dinámico en React moderno.

Lección 3 • React Router y Navegación

Implementa enrutamiento del lado del cliente con React Router, incluyendo rutas anidadas y rutas protegidas. Los patrones de navegación son necesarios para cualquier aplicación React de múltiples páginas.

Lección 4 • Obtención de Datos e Integración de API

Integra APIs REST en React usando fetch, Axios y React Query. Conecta el frontend con los servicios de backend que se construyen en capítulos posteriores.

Lección 1 • Ecosistema npm y Gestión de Paquetes

Enseña la gestión de dependencias, el versionado semántico y la publicación de paquetes. Una correcta higiene de paquetes previene vulnerabilidades de seguridad y conflictos de versiones.

Lección 2 • Streams y Buffers

Cubre streams de lectura, escritura y transformación para un manejo eficiente de datos. El conocimiento de streams es crítico para la subida de archivos, proxies y APIs de alto rendimiento.

Lección 3 • Runtime de Node.js y Módulos Centrales

Explora el event loop de Node.js, el sistema de módulos y los módulos incorporados como fs, path y os. Proporciona la base del runtime para todo el código de backend del curso.

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

Implementa autenticación basada en JWT y control de acceso basado en roles en Express. Los patrones de seguridad aquí se reutilizan en cada ruta protegida de la aplicación full-stack.

Lección 2 • Validación de Entrada y Manejo de Errores

Implementa validación de solicitudes con Joi o Zod y middleware centralizado de manejo de errores. La validación robusta y las respuestas de error son innegociables en las APIs de producción.

Lección 3 • Pruebas y Documentación de API

Prueba endpoints con Jest y Supertest y documenta la API con OpenAPI/Swagger. Las APIs probadas y documentadas son un estándar profesional para la colaboración en equipo.

Lección 4 • Arquitectura de Middleware

Explica el pipeline de middleware, el middleware incorporado y la integración de middleware de terceros. El middleware controla cada preocupación transversal en una aplicación Express.

Lección 1 • Diseño de Bases de Datos Relacionales

Cubre la normalización, el modelado entidad-relación y las restricciones de claves primarias y foráneas. Un diseño de esquema sólido previene anomalías de datos en sistemas de producción.

Lección 2 • ORM con Prisma o Sequelize

Mapea tablas de bases de datos a modelos JavaScript usando un ORM y gestiona migraciones de esquema. Los ORMs aceleran el desarrollo y refuerzan la consistencia del esquema en todos los entornos.

Lección 3 • Caché con Redis

Utiliza Redis para almacenamiento en caché en memoria, almacenamiento de sesiones y limitación de tasa. El almacenamiento en caché reduce la carga de la base de datos y mejora los tiempos de respuesta de la API en producción.

Lección 4 • NoSQL con MongoDB y Mongoose

Diseña esquemas de documentos, realiza operaciones CRUD y utiliza pipelines de agregación en MongoDB. Las habilidades NoSQL complementan SQL para necesidades de datos flexibles y orientadas a documentos.

Lección 1 • Subida de Archivos y Manejo de Medios

Implementa la subida de archivos multiparte con Multer y almacena los activos en un almacenamiento de objetos en la nube. El manejo de archivos es una funcionalidad necesaria en la mayoría de las aplicaciones del mundo real.

Lección 2 • Desarrollo de Funcionalidades de Extremo a Extremo

Construye una funcionalidad completa desde el esquema de base de datos, pasando por el endpoint de la API, hasta la UI de React. Integra todas las habilidades previas en un único segmento vertical de una aplicación de producción.

Lección 3 • Comunicación en Tiempo Real con WebSockets

Construye funcionalidades bidireccionales en tiempo real usando Socket.IO tanto en el servidor como en el cliente. Las capacidades en tiempo real diferencian las aplicaciones modernas de las aplicaciones tradicionales de solicitud-respuesta.

Lección 4 • Server-Sent Events y Polling

Implementa SSE para envío unidireccional desde el servidor y lo compara con el long polling. Elegir la estrategia correcta de tiempo real depende del caso de uso y las restricciones de infraestructura.

Lección 1 • Contenerización con Docker

Empaqueta aplicaciones Node.js y React en contenedores Docker y los orquesta con Compose. Los contenedores garantizan la paridad de entorno entre desarrollo y producción.

Lección 2 • Fortalecimiento de Seguridad para Producción

Aplica HTTPS, encabezados de seguridad, auditoría de dependencias y gestión de secretos a los despliegues de producción. El fortalecimiento de la seguridad es la puerta final antes de que una app sirva a usuarios reales.

Lección 3 • Logging, Monitoreo y Alertas

Implementa logging estructurado, recolección de métricas y alertas de disponibilidad para aplicaciones en producción. La observabilidad permite un diagnóstico rápido de fallas antes de que los usuarios se vean significativamente afectados.

Lección 4 • Estrategias de Despliegue en la Nube

Despliega aplicaciones contenerizadas en plataformas de nube utilizando servicios gestionados e infraestructura como código. Las habilidades de despliegue en la nube son necesarias para todo rol profesional full-stack.