Aprende a crear aplicaciones web reales usando inteligencia artificial como tu copiloto de programación.
No necesitas experiencia previa. Con ChatGPT y Claude como asistentes, escribirás código HTML, CSS, JavaScript
y conectarás bases de datos reales con Supabase.
Duración total: 9h 16min (556 minutos) · 8 módulos · 32 lecciones
Al terminar este curso serás capaz de:
- Crear páginas web completas con HTML y CSS
- Añadir interactividad con JavaScript
- Guardar y leer datos en una base de datos real (Supabase)
- Publicar tu proyecto en internet gratis con GitHub Pages
- Usar IA para acelerar cada paso del desarrollo
Herramientas (todas gratuitas): VS Code · ChatGPT · Claude · Supabase · GitHub
| Módulo | Tema | Duración |
|---|---|---|
| 1 | Módulo 1: Tu entorno de trabajo con IA | 75 min |
| 2 | Módulo 2: HTML — La estructura de tu web | 67 min |
| 3 | Módulo 3: CSS — Dale estilo a tu web | 73 min |
| 4 | Módulo 4: JavaScript — Añade interactividad | 71 min |
| 5 | Módulo 5: Supabase — Base de datos en la nube | 75 min |
| 6 | Módulo 6: GitHub — Control de versiones y trabajo en equipo | 59 min |
| 7 | Módulo 7: Proyecto Final — Tu primera aplicación real | 76 min |
| 8 | Módulo 8: Publica y continúa creciendo | 60 min |
Course Information
Course Instructor
Acceso gratuito
FREE
Módulo 1: Tu entorno de trabajo con IA
1.1 ¿Qué es el desarrollo web? Frontend, backend y base de datos
Duracion: 20 minutos
1.2 Instala VS Code y configura tu espacio de trabajo
Duracion: 20 minutos
1.3 ChatGPT y Claude como asistentes de código
Duracion: 17 minutos
1.4 GitHub: guarda y publica tu código gratis
Duracion: 20 minutos
Módulo 2: HTML — La estructura de tu web
2.1 Etiquetas HTML esenciales con ayuda de IA
Duracion: 17 minutos
2.2 Formularios HTML: recoge datos del usuario
Duracion: 15 minutos
2.3 Estructura semántica: HTML moderno
Duracion: 15 minutos
2.4 Proyecto HTML: construye tu página de presentación
Duracion: 20 minutos
Módulo 3: CSS — Dale estilo a tu web
3.1 CSS básico: colores, fuentes y espaciado
Duracion: 18 minutos
3.2 Flexbox: organiza elementos en filas y columnas
Duracion: 18 minutos
3.3 Diseño responsive: web para móvil y escritorio
Duracion: 17 minutos
3.4 Proyecto CSS: estiliza tu página de presentación
Duracion: 20 minutos
Módulo 4: JavaScript — Añade interactividad
4.1 JavaScript básico: variables, funciones y eventos
Duracion: 18 minutos
4.2 Manipula el DOM: actualiza la página sin recargar
Duracion: 20 minutos
4.3 Fetch API: conecta con servicios externos
Duracion: 18 minutos
4.4 LocalStorage: guarda datos en el navegador
Duracion: 15 minutos
Módulo 5: Supabase — Base de datos en la nube
5.1 Crea tu base de datos Supabase gratis
Duracion: 20 minutos
5.2 Conecta tu web a Supabase con JavaScript
Duracion: 20 minutos
5.3 Autenticación con Supabase: usuarios reales
Duracion: 18 minutos
5.4 Row Level Security: protege los datos de cada usuario
Duracion: 17 minutos
Módulo 6: GitHub — Control de versiones y trabajo en equipo
6.1 Git flujo de trabajo: commit, push y pull
Duracion: 17 minutos
6.2 Ramas: desarrolla sin romper lo que funciona
Duracion: 15 minutos
6.3 GitHub Pages: publica tu web gratis
Duracion: 15 minutos
6.4 README y documentación: presenta tu proyecto
Duracion: 12 minutos
Módulo 7: Proyecto Final — Tu primera aplicación real
7.1 Planifica tu aplicación con IA
Duracion: 18 minutos
7.2 Construye el frontend de tu proyecto
Duracion: 20 minutos
7.3 Conecta el frontend con Supabase
Duracion: 20 minutos
7.4 Testing y depuración con IA
Duracion: 18 minutos
Módulo 8: Publica y continúa creciendo
8.1 Publica tu aplicación en GitHub Pages
Duracion: 15 minutos
8.2 Claude Code: IA avanzada para desarrollo (bonus)
Duracion: 18 minutos
8.3 Siguientes pasos: ¿qué aprender después?
Duracion: 12 minutos
8.4 Construye tu portafolio y consigue tu primer trabajo
Duracion: 15 minutos
Deja una respuesta