Curso de Desarrollo Full Stack JavaScript

Lección 1 • Fundamentos de HTML y CSS

Revisa la estructura semántica de HTML y los modelos de diseño CSS, incluyendo Flexbox y Grid. Estas habilidades respaldan cada componente frontend construido en los capítulos posteriores.

Lección 2 • Control de Versiones con Git

Enseña ramificación, commits, fusión y flujos de trabajo remotos usando Git. El control de versiones sustenta cada tarea colaborativa y de despliegue en los capítulos posteriores.

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

Instala y configura Node.js, VS Code, Git y las herramientas de terminal. Un entorno local consistente previene fricciones de herramientas a lo largo del curso.

Lección 1 • Arreglos, Objetos y Desestructuración

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

Lección 2 • JavaScript Asíncrono

Cubre el event loop, los callbacks, las promesas 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, los tipos primitivos, la coerción de tipos y la precedencia de operadores. Elimina bugs 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, los empaquetadores y los 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 • Manejo 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 con API

Integra API REST en React usando fetch, Axios y React Query. Conecta el frontend a los servicios backend construidos 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 higiene de paquetes adecuada previene vulnerabilidades de seguridad y conflictos de versión.

Lección 2 • Streams y Búferes

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

Lección 3 • Entorno de Ejecución de Node.js y Módulos Principales

Explora el event loop de Node.js, el sistema de módulos y los módulos integrados como fs, path y os. Proporciona la base del entorno de ejecución para todo el código 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 Entradas y Manejo de Errores

Implementa validación de solicitudes con Joi o Zod y middleware de manejo de errores centralizado. Una validación robusta y respuestas de error son innegociables en las API 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 API 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 integrado 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 clave primaria y foránea. 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 base de datos a modelos JavaScript usando un ORM y gestiona migraciones de esquema. Los ORM aceleran el desarrollo y refuerzan la consistencia del esquema en todos los entornos.

Lección 3 • Caché con Redis

Usa 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 usa pipelines de agregación en MongoDB. Las habilidades NoSQL complementan a SQL para necesidades de datos flexibles y orientadas a documentos.

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

Implementa cargas de archivos multiparte con Multer y almacena los activos en 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 en React. Integra todas las habilidades previas en un solo corte 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 a las aplicaciones modernas de las apps tradicionales de solicitud-respuesta.

Lección 4 • Eventos Enviados por el Servidor y Polling

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

Lección 1 • Contenerización con Docker

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

Lección 2 • Fortalecimiento de la 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 seguridad es la puerta final antes de que una aplicación sirva a usuarios reales.

Lección 3 • Logging, Monitoreo y Alertas

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

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 cada rol profesional full-stack.