Curso Full Stack JavaScript

Lección 1 • Fundamentos de HTML y CSS

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

Lección 2 • Control de Versiones con Git

Enseña el trabajo con ramas, commits, fusiones 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 coherente previene la fricción con las herramientas a lo largo del curso.

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

Enseña la manipulación de arrays 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 bucle de eventos, los callbacks, las Promises y la sintaxis async/await. La fluidez asíncrona es esencial para todas las llamadas a la API y las operaciones de base de datos en los capítulos del 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 una mala comprensión del comportamiento de tipos en JavaScript.

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

Presenta la sintaxis de módulos ES, empaquetadores y transpiladores. Los estudiantes comprenden 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 el estado y el ciclo de vida en React.

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

Cubre useState, useEffect, useRef y los hooks personalizados para gestionar el estado del componente 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 el 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 varias 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 del backend desarrollados 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 versiones.

Lección 2 • Streams y Buffers

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

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

Explora el bucle de eventos 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 del backend en el curso.

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

Implementa la autenticación basada en JWT y el 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 la validación de peticiones con Joi o Zod y un middleware centralizado para el manejo de errores. Una validación robusta y unas respuestas de error adecuadas son innegociables en las APIs de producción.

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

Prueba los 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 la canalización de middleware, el middleware integrado y la integración de middleware de terceros. El middleware controla cada aspecto 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/externa. Un diseño de esquema sólido previene anomalías en los datos en los sistemas de producción.

Lección 2 • ORM con Prisma o Sequelize

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

Lección 3 • Caché con Redis

Utiliza Redis para el almacenamiento en caché en memoria, el almacenamiento de sesiones y la limitación de velocidad. 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 canalizaciones de agregación en MongoDB. Las habilidades NoSQL complementan a SQL para necesidades de datos flexibles y orientadas a documentos.

Lección 1 • Subida de Archivos y Manejo de Contenido Multimedia

Implementa la subida de archivos en varias partes 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 la base de datos hasta el endpoint de la API y 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 a las aplicaciones modernas de las aplicaciones tradicionales de petición-respuesta.

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

Implementa SSE para el envío unidireccional desde el servidor y lo compara con el sondeo largo. La elección de la estrategia de tiempo real adecuada depende del caso de uso y de las limitaciones de la infraestructura.

Lección 1 • Contenerización con Docker

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

Lección 2 • Refuerzo de la Seguridad para Producción

Aplica HTTPS, cabeceras de seguridad, auditoría de dependencias y gestión de secretos a los despliegues de producción. El refuerzo de la seguridad es la etapa final antes de que cualquier aplicación sirva a usuarios reales.

Lección 3 • Registro de Actividad, Monitorización y Alertas

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

Lección 4 • Estrategias de Despliegue en la Nube

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