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.
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
- Usar IA para acelerar cada paso del desarrollo
Herramientas: VS Code · ChatGPT (free) · Claude (free) · Supabase (free) · GitHub (free)
javiersolera
Autor
Módulo 1: Tu entorno de trabajo con IA
1.1 ¿Qué es el desarrollo web? Frontend, backend y base de datos
Lesson 1 of 4 within section Módulo 1: Tu entorno de trabajo con IA.
Debe inscribirse en este curso para acceder a los contenidos del curso.
1.2 Instala VS Code y configura tu espacio de trabajo
Lesson 2 of 4 within section Módulo 1: Tu entorno de trabajo con IA.
Debe inscribirse en este curso para acceder a los contenidos del curso.
1.3 ChatGPT y Claude como asistentes de código
Lesson 3 of 4 within section Módulo 1: Tu entorno de trabajo con IA.
Debe inscribirse en este curso para acceder a los contenidos del curso.
1.4 GitHub: guarda y publica tu código gratis
Lesson 4 of 4 within section Módulo 1: Tu entorno de trabajo con IA.
Debe inscribirse en este curso para acceder a los contenidos del curso.
Módulo 2: HTML — La estructura de tu web
2.1 Etiquetas HTML esenciales con ayuda de IA
Lesson 1 of 4 within section Módulo 2: HTML — La estructura de tu web.
Debe inscribirse en este curso para acceder a los contenidos del curso.
2.2 Formularios HTML: recoge datos del usuario
Lesson 2 of 4 within section Módulo 2: HTML — La estructura de tu web.
Debe inscribirse en este curso para acceder a los contenidos del curso.
2.3 Estructura semántica: HTML moderno
Lesson 3 of 4 within section Módulo 2: HTML — La estructura de tu web.
Debe inscribirse en este curso para acceder a los contenidos del curso.
2.4 Proyecto HTML: construye tu página de presentación
Lesson 4 of 4 within section Módulo 2: HTML — La estructura de tu web.
Debe inscribirse en este curso para acceder a los contenidos del curso.
Módulo 3: CSS — Dale estilo a tu web
3.1 CSS básico: colores, fuentes y espaciado
Lesson 1 of 4 within section Módulo 3: CSS — Dale estilo a tu web.
Debe inscribirse en este curso para acceder a los contenidos del curso.
3.2 Flexbox: organiza elementos en filas y columnas
Lesson 2 of 4 within section Módulo 3: CSS — Dale estilo a tu web.
Debe inscribirse en este curso para acceder a los contenidos del curso.
3.3 Diseño responsive: web para móvil y escritorio
Lesson 3 of 4 within section Módulo 3: CSS — Dale estilo a tu web.
Debe inscribirse en este curso para acceder a los contenidos del curso.
3.4 Proyecto CSS: estiliza tu página de presentación
Lesson 4 of 4 within section Módulo 3: CSS — Dale estilo a tu web.
Debe inscribirse en este curso para acceder a los contenidos del curso.
Módulo 4: JavaScript — Añade interactividad
4.1 JavaScript básico: variables, funciones y eventos
Lesson 1 of 4 within section Módulo 4: JavaScript — Añade interactividad.
Debe inscribirse en este curso para acceder a los contenidos del curso.
4.2 Manipula el DOM: actualiza la página sin recargar
Lesson 2 of 4 within section Módulo 4: JavaScript — Añade interactividad.
Debe inscribirse en este curso para acceder a los contenidos del curso.
4.3 Fetch API: conecta con servicios externos
Lesson 3 of 4 within section Módulo 4: JavaScript — Añade interactividad.
Debe inscribirse en este curso para acceder a los contenidos del curso.
4.4 LocalStorage: guarda datos en el navegador
Lesson 4 of 4 within section Módulo 4: JavaScript — Añade interactividad.
Debe inscribirse en este curso para acceder a los contenidos del curso.
Módulo 5: Supabase — Base de datos en la nube
5.1 Crea tu base de datos Supabase gratis
Lesson 1 of 4 within section Módulo 5: Supabase — Base de datos en la nube.
Debe inscribirse en este curso para acceder a los contenidos del curso.
5.2 Conecta tu web a Supabase con JavaScript
Lesson 2 of 4 within section Módulo 5: Supabase — Base de datos en la nube.
Debe inscribirse en este curso para acceder a los contenidos del curso.
5.3 Autenticación con Supabase: usuarios reales
Lesson 3 of 4 within section Módulo 5: Supabase — Base de datos en la nube.
Debe inscribirse en este curso para acceder a los contenidos del curso.
5.4 Row Level Security: protege los datos de cada usuario
Lesson 4 of 4 within section Módulo 5: Supabase — Base de datos en la nube.
Debe inscribirse en este curso para acceder a los contenidos del curso.
Módulo 6: GitHub — Control de versiones y trabajo en equipo
6.1 Git flujo de trabajo: commit, push y pull
Lesson 1 of 4 within section Módulo 6: GitHub — Control de versiones y trabajo en equipo.
Debe inscribirse en este curso para acceder a los contenidos del curso.
6.2 Ramas: desarrolla sin romper lo que funciona
Lesson 2 of 4 within section Módulo 6: GitHub — Control de versiones y trabajo en equipo.
Debe inscribirse en este curso para acceder a los contenidos del curso.
6.3 GitHub Pages: publica tu web gratis
Lesson 3 of 4 within section Módulo 6: GitHub — Control de versiones y trabajo en equipo.
Debe inscribirse en este curso para acceder a los contenidos del curso.
6.4 README y documentación: presenta tu proyecto
Lesson 4 of 4 within section Módulo 6: GitHub — Control de versiones y trabajo en equipo.
Debe inscribirse en este curso para acceder a los contenidos del curso.
Módulo 7: Proyecto Final — Tu primera aplicación real
7.1 Planifica tu aplicación con IA
Lesson 1 of 4 within section Módulo 7: Proyecto Final — Tu primera aplicación real.
Debe inscribirse en este curso para acceder a los contenidos del curso.
7.2 Construye el frontend de tu proyecto
Lesson 2 of 4 within section Módulo 7: Proyecto Final — Tu primera aplicación real.
Debe inscribirse en este curso para acceder a los contenidos del curso.
7.3 Conecta el frontend con Supabase
Lesson 3 of 4 within section Módulo 7: Proyecto Final — Tu primera aplicación real.
Debe inscribirse en este curso para acceder a los contenidos del curso.
7.4 Testing y depuración con IA
Lesson 4 of 4 within section Módulo 7: Proyecto Final — Tu primera aplicación real.
Debe inscribirse en este curso para acceder a los contenidos del curso.
Módulo 8: Publica y continúa creciendo
8.1 Publica tu aplicación en GitHub Pages
Lesson 1 of 4 within section Módulo 8: Publica y continúa creciendo.
Debe inscribirse en este curso para acceder a los contenidos del curso.
8.2 Claude Code: IA avanzada para desarrollo (bonus)
Lesson 2 of 4 within section Módulo 8: Publica y continúa creciendo.
Debe inscribirse en este curso para acceder a los contenidos del curso.
8.3 Siguientes pasos: ¿qué aprender después?
Lesson 3 of 4 within section Módulo 8: Publica y continúa creciendo.
Debe inscribirse en este curso para acceder a los contenidos del curso.
8.4 Construye tu portafolio y consigue tu primer trabajo
Lesson 4 of 4 within section Módulo 8: Publica y continúa creciendo.
Debe inscribirse en este curso para acceder a los contenidos del curso.