Programación Web
De cero a desplegar tu app web full-stack, con buenas prácticas
Cursos core
14
Horas estimadas
58h
Nivel
Mixto
Idioma
Castellano
- Versionar con Git/GitHub y construir el frontend (HTML, CSS/Tailwind, JS, TS, React, Next.js)
- Construir el backend: API con Node, base de datos (SQL, Postgres+Prisma) y autenticación
- Probar tu código y aplicar seguridad web esencial (OWASP)
- Programar con IA (Copilot, Cursor, Claude Code) con criterio
- Quien empieza de cero y quiere construir y desplegar su app
- Fundadores que quieren entender y tocar su producto
- Quien busca empleo como desarrollador web
Itinerario
Cursos del programa, en orden. Cada uno se puede hacer suelto si quieres, pero juntos te dejan listo.
Git y GitHub para construir sin miedo
Aprende a versionar tu código desde la primera línea para que nunca pierdas trabajo ni tengas miedo de tocar lo que funciona. Haces tu primer commit en GitHub en la lección 1 y terminas colaborando en un repositorio real con ramas, Pull Requests, un conflicto resuelto a propósito y un desastre recuperado. Es el prerrequisito de todo el resto de la programación: aquí construyes el flujo de trabajo que usarás en cada proyecto.
Crea tu primera web con HTML
De cero codigo a una web que se ve seria en cualquier pantalla y vive online. HTML semantico, CSS moderno con Flexbox y Grid, responsive honesto, formularios accesibles y deploy real con Netlify, Vercel y GitHub Pages. 14 lecciones con editor en vivo y validadores DOM.
JavaScript esencial sin morir
El JavaScript justo para mover una página, leer datos y no perderse en sintaxis. Pensado para gente que ya hizo HTML y CSS y quiere dar el siguiente paso sin entrar en la madriguera del conejo.
SQL para fundadores
El SQL que vas a usar como founder, operations o product builder: hacer queries, entender un esquema, hablar con tu base de datos sin pánico. Sin teoría académica, ejemplos reales.
CSS moderno y Tailwind para construir UI rápido
Deja de pelearte con el CSS y construye interfaces rápido y consistentes como se trabaja hoy. Maquetas layouts responsive con Grid, Flexbox y container queries; estilas con utility-first usando Tailwind y design tokens; y construyes un set de componentes accesibles con dark mode. Cierras con tu propio sistema de UI desplegado, listo para usar en React/Next, versionado en un repo de GitHub.
React desde cero práctico
Componentes, estado, props y los hooks que vas a usar de verdad. Pensado para alguien que ya entiende JS moderno y quiere construir interfaces reales sin perderse en teoría.
API HTTP con Node y Express
Construye una API HTTP real con Node y Express: rutas, JSON, validación, autenticación básica y errores. El curso que te deja listo para conectar un frontend con tu propia trastienda.
Next.js y deploy real
Da el salto de React a Next.js: App Router, Server Components, data fetching del servidor y deploy en Vercel con dominio propio. Pensado para quien acabó el curso de React y quiere construir webs reales sin pelearse con la configuración.
Auth y operar tu API
Lo que el curso de API HTTP dejó pendiente: autenticación real, observabilidad mínima, deploy en producción y operar la base de datos sin pánico cuando aparezcan los primeros usuarios.
Programa con IA: Copilot, Cursor y Claude Code
Programar con IA no es copiar y pegar lo que sugiere el asistente: es ir más rápido sin perder el control de tu código. En este curso configuras Copilot, Cursor y Claude Code en tu flujo real, aprendes a darles contexto y a promptear para generar, depurar y refactorizar, y —lo más importante— desarrollas el juicio para revisar, probar y corregir lo que generan en vez de fiarte a ciegas. Cierras construyendo una feature real con IA que puedes defender línea a línea en un Pull Request.
Tu base de datos en la app: Postgres con Prisma
Ya sabes consultar SQL a mano; ahora aprende a persistir datos desde tu app. Modelas tus entidades y relaciones en un schema de Prisma sobre Postgres, versionas el esquema con migraciones desde el código, consultas con queries 100% tipadas (relaciones y transacciones) y conectas el ORM a tu API Node/Next end-to-end. Cierras el curso con la trastienda persistente de una API real desplegada: schema con relaciones, migraciones versionadas, CRUD tipado y sin N+1, en un repo de GitHub.
TypeScript para quien ya sabe JavaScript
Ya escribes JavaScript; ahora vas a dejar que el editor cace la mitad de tus bugs antes de ejecutar el código. Aprendes tipos, interfaces, uniones, genéricos y utility types, y los aplicas donde de verdad importan: props de React y respuestas de API tipadas de punta a punta. El curso cierra migrando un proyecto JS real a TypeScript con un tsconfig estricto y build sin errores, listo para tu portfolio.
Testing web que te da confianza
Aprende a cambiar tu código sin rezar para que no se rompa. Escribes tests unitarios con Vitest decidiendo qué merece un test y qué es perder el tiempo, pruebas componentes React con Testing Library (comportamiento, no implementación), automatizas el flujo crítico end-to-end con Playwright y cierras refactorizando una app real con los tests como red de seguridad. Terminas con una suite de tests en un repo de GitHub que un empleador reconocería.
Seguridad web esencial: OWASP para builders
Aprende a defender tu app web sin ser experto en seguridad. Piensas como atacante para encontrar las vulnerabilidades del OWASP Top 10, montas las defensas que cubren el 80 % de los ataques reales (parametrizar consultas, escapar salidas, CSP, tokens CSRF, contraseñas y secretos bien guardados) y endureces el despliegue con cabeceras, rate limiting, CORS y control de dependencias. Cierras auditando una app deliberadamente vulnerable y dejándola lista para producción, con un informe before/after en tu repo.
Al terminar, te firmamos el título.
Cuando completes todos los cursos del itinerario, generamos un título firmado con tu nombre. Bonito, listo para compartir y para colgar en LinkedIn.
Título
Programación Web
Master Laboratory
Bloqueado
Itinerario profesional · Programación Web