Curso de Desarrollo Web Full Stack

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

Instala y configura editores de código, emuladores de terminal y gestores de versiones. Garantiza que cada estudiante trabaje en una cadena de herramientas profesional y consistente.

Lección 2 • Cómo Funciona la Web

Cubre los ciclos de solicitud-respuesta HTTP, la resolución de DNS y los pipelines de renderizado del navegador. Fundamenta toda la codificación posterior en el comportamiento real de la red.

Lección 3 • Dominio de la Línea de Comandos

Desarrolla fluidez en la navegación del sistema de archivos, gestión de procesos y scripting de shell. Reduce la fricción al ejecutar herramientas de compilación y servidores a lo largo del curso.

Lección 1 • Layouts con Flexbox y Grid

Enseña los sistemas de layout unidimensional Flexbox y bidimensional Grid. Permite layouts de página precisos y mantenibles sin trucos con float.

Lección 2 • Animaciones y Transiciones CSS

Introduce animaciones con keyframes, transiciones y funciones de transformación. Agrega interactividad pulida sin sobrecarga de JavaScript.

Lección 3 • Selectores CSS y el Modelo de Caja

Explica la especificidad, la cascada, la herencia y el modelo de caja. Proporciona la base conceptual para todo el trabajo de layout y estilizado.

Lección 4 • Diseño Responsivo y Media Queries

Aplica principios de diseño mobile-first y estrategias de breakpoints. Produce layouts que se adaptan fluidamente a distintos tamaños de dispositivo.

Lección 1 • Funciones y Ámbito

Explica declaraciones de función, expresiones, funciones flecha, cierres (closures) y la pila de llamadas. Permite un diseño de código modular y reutilizable.

Lección 2 • JavaScript Asíncrono

Cubre el event loop, callbacks, Promises y async/await. Capacita a los estudiantes para manejar solicitudes de red y operaciones temporizadas de manera confiable.

Lección 3 • Arrays, Objetos y Destructuración

Enseña la manipulación de arrays y objetos, sintaxis spread/rest y destructuración. Prepara a los estudiantes para trabajar con datos de API y estado complejo.

Lección 4 • Manipulación del DOM y Eventos

Aplica JavaScript para consultar, modificar y responder al DOM. Convierte páginas estáticas de HTML/CSS en interfaces de usuario interactivas.

Lección 1 • Conceptos Centrales de React

Introduce JSX, componentes, props 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 multipágina, rutas dinámicas y rutas protegidas. Habilita patrones completos de navegación para aplicaciones de una sola página.

Lección 3 • Estado y Ciclo de Vida con Hooks

Cubre useState, useEffect y hooks personalizados para gestionar el estado y los efectos secundarios de los componentes. Reemplaza los métodos de ciclo de vida basados en clases con patrones modernos de hooks.

Lección 4 • Estrategias de Estilizado de Componentes

Compara módulos CSS, styled-components y CSS utility-first en proyectos React. Orienta a los estudiantes hacia arquitecturas de estilizado escalables y mantenibles.

Lección 1 • Pruebas y Documentación de APIs

Prueba endpoints con herramientas automatizadas y genera documentación interactiva de la API. Garantiza la confiabilidad de la API y la usabilidad para desarrolladores.

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

Cubre enrutamiento, middleware, parseo de solicitudes y formato de respuestas. Produce una API estructurada y en capas siguiendo las convenciones REST.

Lección 3 • Autenticación y Autorización

Implementa autenticación basada en JWT, hashing de contraseñas y control de acceso basado en roles. Asegura los endpoints de la API contra accesos no autorizados.

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

Aplica librerías de validación basadas en esquemas y manejo centralizado de errores. Produce APIs que fallan correctamente y devuelven respuestas de error consistentes.

Lección 1 • Consultas SQL y Optimización

Enseña SELECT, JOIN, agregación, subconsultas y planes de ejecución de consultas. Permite la recuperación eficiente de datos de bases de datos relacionales.

Lección 2 • NoSQL con MongoDB

Introduce el modelado de documentos, operaciones CRUD y pipelines de agregación en MongoDB. Aborda casos de uso donde los esquemas flexibles superan a los modelos relacionales.

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

Cubre normalización, modelado entidad-relación y diseño de esquemas. Produce esquemas relacionales bien estructurados que minimizan la redundancia.

Lección 4 • Integración de ORM con Prisma

Mapea tablas de bases de datos a modelos de aplicación usando el ORM Prisma. Reduce el código repetitivo de SQL crudo manteniendo la seguridad de tipos en Node.js.

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

Implementa el parseo de formularios multipart, integración con almacenamiento en la nube y optimización de imágenes. Extiende la aplicación para manejar activos binarios de manera confiable.

Lección 2 • Obtención de Datos en React

Cubre la Fetch API, Axios y React Query para la obtención y almacenamiento en caché de datos. Gestiona los estados de carga, error y éxito en componentes de UI.

Lección 3 • Funcionalidades en Tiempo Real con WebSockets

Agrega comunicación bidireccional usando WebSockets y Socket.IO. Habilita funcionalidades en vivo como chat, notificaciones y edición colaborativa.

Lección 4 • Consumo de GraphQL en React

Integra Apollo Client en React para consultar y mutar APIs GraphQL. Sincroniza el estado del servidor y del cliente a través de la caché de Apollo.

Lección 1 • Endurecimiento de la Seguridad de Aplicaciones

Aplica la aplicación forzada de HTTPS, encabezados de seguridad, limitación de tasa y auditoría de dependencias. Protege la aplicación en producción contra vulnerabilidades web comunes.

Lección 2 • Estrategias de Despliegue en la Nube

Despliega aplicaciones contenerizadas en plataformas en la nube usando servicios gestionados e infraestructura como código. Cubre opciones de alojamiento escalables tanto para frontend como para backend.

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

Automatiza las pruebas, la construcción y el despliegue usando flujos de trabajo de GitHub Actions. Reduce los pasos de liberación manual y aplica puertas de calidad en cada push.

Lección 4 • Contenerización con Docker

Empaqueta aplicaciones y servicios en contenedores Docker y compone entornos multiservicio. Elimina la inconsistencia de entorno entre desarrollo y producción.