Curso de Desarrollo Web Full Stack

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

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

Lección 2 • Cómo Funciona la Web

Cubre los ciclos de petición-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 con la navegación del sistema de archivos, la gestión de procesos y la creación de scripts de shell. Reduce la fricción al ejecutar herramientas de compilación y servidores a lo largo del curso.

Lección 1 • Diseños Flexbox y Grid

Enseña los sistemas de diseño unidimensional Flexbox y bidimensional Grid. Permite diseños de página precisos y mantenibles sin trucos de 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 diseño y estilizado.

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

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

Lección 1 • Funciones y Ámbito

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

Lección 2 • JavaScript Asíncrono

Cubre el bucle de eventos, callbacks, promesas y async/await. Capacita a los estudiantes para manejar peticiones de red y operaciones temporizadas de manera confiable.

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

Enseña la manipulación de arreglos y objetos, la sintaxis spread/rest y la desestructuració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 Fundamentales de React

Introduce JSX, componentes, props y el DOM virtual. Establece el modelo mental para construir interfaces de usuario como árboles de componentes componibles.

Lección 2 • Enrutamiento del Lado del Cliente con React Router

Implementa navegación de múltiples páginas, rutas dinámicas y rutas protegidas. Permite 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 de los componentes y los efectos secundarios. 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 API

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 API REST con Express

Cubre enrutamiento, middleware, análisis de peticiones y formato de respuestas. Produce una API estructurada y en capas que sigue 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. Protege los endpoints de la API contra accesos no autorizados.

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

Aplica librerías de validación basadas en esquemas y un manejo de errores centralizado. Produce API que fallan de manera controlada 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 la normalización, el modelado entidad-relación y el 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 mientras mantiene la seguridad de tipos en Node.js.

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

Implementa la carga de formularios multiparte, 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 API Fetch, Axios y React Query para la obtención y el almacenamiento en caché de datos. Gestiona los estados de carga, error y éxito en los componentes de la interfaz de usuario.

Lección 3 • Funcionalidades en Tiempo Real con WebSockets

Agrega comunicación bidireccional usando WebSockets y Socket.IO. Permite 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 API GraphQL. Sincroniza el estado del servidor y del cliente a través de la caché de Apollo.

Lección 1 • Refuerzo de la Seguridad de la Aplicación

Aplica la exigencia 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 el frontend como para el 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 lanzamiento manual y hace cumplir las 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 del entorno entre el desarrollo y la producción.