Curso de Programación Web Full Stack

Lección 1 • Control de Versiones con Git

Enseña los fundamentos de Git y los flujos de trabajo con repositorios remotos. Permite la codificación colaborativa y la iteración segura a lo largo de todo el curso.

Lección 2 • Fundamentos de la Línea de Comandos

Desarrolla fluidez con la navegación del sistema de archivos, la gestión de procesos y los fundamentos de scripting. Sustenta el uso eficiente de las herramientas de construcción y los servidores que se presentan más adelante.

Lección 3 • Configurando tu Entorno de Desarrollo

Instala y configura editores de código, emuladores de terminal y gestores de versiones. Garantiza que cada estudiante tenga un espacio de trabajo reproducible y de nivel profesional.

Lección 1 • Elementos Semánticos y Puntos de Referencia

Cubre los elementos header, nav, main, article, section, aside y footer. Mejora la accesibilidad y la indexación en motores de búsqueda de los proyectos de los estudiantes.

Lección 2 • Tablas, Listas y Contenido Incrustado

Cubre tablas de datos, listas ordenadas y desordenadas, e incrustación de iframes. Completa el conjunto de herramientas HTML necesario antes de introducir el diseño CSS.

Lección 3 • Formularios, Entradas y Validación

Enseña todos los tipos de entrada, etiquetas, fieldsets y validación nativa del navegador. Prepara a los estudiantes para el manejo de formularios en el back-end que se cubre en capítulos posteriores.

Lección 1 • Selectores CSS y la Cascada

Explica la especificidad, la herencia y el algoritmo de cascada. Previene errores de estilo que surgen de una precedencia de reglas mal entendida.

Lección 2 • Diseño de Cuadrícula CSS

Cubre plantillas de cuadrícula bidimensional, áreas y colocación automática. Capacita a los estudiantes para construir diseños de página complejos sin frameworks externos.

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

Aplica la metodología mobile-first, puntos de ruptura y unidades fluidas. Asegura que todos los proyectos de los estudiantes se rendericen correctamente en diferentes tamaños de dispositivo.

Lección 4 • Diseño Flexbox

Enseña la alineación unidimensional con contenedores e ítems flex. Permite a los estudiantes construir barras de navegación, filas de tarjetas y diseños centrados.

Lección 1 • JavaScript Asíncrono

Explica el event loop, los callbacks, las Promises y async/await. Habilita directamente las llamadas a API y las consultas a bases de datos que se presentan en capítulos posteriores.

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

Cubre métodos de arreglos, manipulación de objetos y sintaxis de desestructuración de ES6. Prepara a los estudiantes para el manejo de datos tanto en contextos de front-end como de back-end.

Lección 3 • Flujo de Control y Funciones

Enseña condicionales, bucles y declaraciones de funciones hasta funciones flecha. Permite a los estudiantes escribir bloques de código reutilizables dirigidos por lógica.

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

Enseña a consultar, modificar y crear nodos del DOM y a manejar eventos del navegador. Transforma páginas estáticas de HTML/CSS en aplicaciones interactivas.

Lección 1 • React Router y Navegación

Implementa enrutamiento del lado del cliente con React Router. Permite la estructura de aplicación de múltiples páginas requerida para el proyecto final.

Lección 2 • Conceptos Básicos de React

Introduce JSX, componentes y el DOM virtual. Establece el modelo mental necesario antes de introducir los hooks y el estado.

Lección 3 • Obtención de Datos e Integración de APIs

Combina useEffect con fetch y Axios para consumir APIs REST. Conecta los componentes de front-end a los servicios de back-end construidos más adelante.

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

Cubre useState, useEffect y hooks personalizados para gestionar el estado del componente y los efectos secundarios. Permite un comportamiento de IU dinámico y dirigido por datos.

Lección 1 • Principios de Diseño de APIs RESTful

Aplica las restricciones REST a la nomenclatura de recursos, verbos HTTP y códigos de estado. Produce APIs que son predecibles y fáciles de consumir para los clientes de front-end.

Lección 2 • Middleware y Procesamiento de Solicitudes

Explica el pipeline de middleware, el análisis del cuerpo y el manejo de errores. Permite un procesamiento de solicitudes limpio y reutilizable en todas las rutas de la API.

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

Cubre el event loop de Node, los módulos CommonJS y el ecosistema npm. Establece la base del entorno de ejecución del lado del servidor para todo el trabajo de back-end.

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

Implementa validación basada en esquemas y respuestas de error estructuradas. Fortalece la API antes de agregar la integración de base de datos y la autenticación.

Lección 1 • Seguridad y Desempeño de Bases de Datos

Cubre consultas parametrizadas, agrupación de conexiones y estrategias de indexación. Previene la inyección SQL y asegura que la API escale bajo carga.

Lección 2 • Integración de ORM con Node.js

Aplica un ORM para definir modelos, asociaciones y migraciones. Conecta la API de Express a una base de datos relacional con un mínimo de SQL crudo.

Lección 3 • NoSQL con Bases de Datos Documentales

Introduce el almacenamiento de documentos, colecciones y esquemas flexibles. Capacita a los estudiantes para elegir el tipo de base de datos correcto para diferentes formas de datos.

Lección 4 • Fundamentos de Bases de Datos Relacionales

Cubre tablas, claves primarias, claves foráneas y normalización. Proporciona el vocabulario de modelado de datos utilizado a lo largo del trabajo con SQL y ORM.

Lección 1 • Fundamentos de Seguridad en Aplicaciones Web

Aborda las principales amenazas de OWASP incluyendo XSS, CSRF y ataques de inyección. Fortalece la aplicación para cumplir con los estándares de seguridad de producción básicos.

Lección 2 • Contenerización con Docker

Empaqueta la aplicación y la base de datos en contenedores Docker y compone stacks de múltiples servicios. Asegura un comportamiento consistente desde el desarrollo local hasta la producción.

Lección 3 • Despliegue en la Nube y Pipelines de CI/CD

Despliega la aplicación full-stack contenerizada en un proveedor de nube y automatiza las construcciones con un pipeline de CI/CD. Los estudiantes obtienen una URL en vivo para su portafolio.

Lección 4 • Autenticación con JWT

Construye flujos de registro, inicio de sesión y renovación de token usando JSON Web Tokens. Asegura todas las rutas protegidas de la API antes del despliegue.