Saltar al contenido
Aulafy
AprendeBibliotecaBlog
ESEN
Empieza aquí
Inicio/Cursos/Crea webs profesionales con IA desde cero
cápsula/crear-webs-con-ia

Crea webs profesionales con IA desde cero

Aprende sin experiencia previa a planificar, construir, revisar, publicar y mantener webs que resuelven problemas reales. Incluye diseño, accesibilidad, formularios, Supabase, SEO/AEO, Vercel, dominios, chatbot, 3D opcional y ocho talleres prácticos.

Cero absoluto → profesional 47 lecciones Acceso gratuito · contenido abierto
Empezar el curso
Fuentes editables y código del curso
Contenido completo en Markdown · MD Plantilla de informe de laboratorio · MD Plantilla para definir una web seria · MD Plantilla de alcance para la primera versión · MD Código de ejemplos en Aulafy Taller · GITHUB Proyecto técnico METEO · GITHUB

Sin registro. Tu progreso se guarda en este navegador y puedes exportarlo cuando quieras.

módulos
9
lecciones
47
estado
abierto
Resultado educativo

Qué serás capaz de hacer

  • Convertir un problema real en una web verificable y comprensible
  • Construir y revisar con Codex y GPT-5.6 Sol sin delegar decisiones críticas
  • Publicar con formularios, datos, accesibilidad, SEO, seguridad y un plan de mantenimiento
Entregable final

Una web real publicada con dominio o URL de producción, repositorio recuperable, pruebas de aceptación, evidencia visual y un plan de mantenimiento de 90 días.

Antes de empezar

Personas sin experiencia previa, estudiantes, autónomos y pequeños equipos que quieren crear una web útil sin depender de saber programar de antemano.

  • • Saber crear una carpeta y descargar un archivo
  • • Una cuenta de ChatGPT con acceso a Codex
  • • Haber completado la lección «Tu primera web local» de Codex desde cero o tener una web sencilla para practicar
≈ 70 hConstrucción web con IA

Revisión editorial: 15 de julio de 2026

Itinerario

Temario

47 pasos
módulo 01Antes de construir4 lecciones
  1. 1Qué hace que una web sea seria y útil/crear-webs-con-ia/una-web-seria
  2. 2Elige el tipo de web y evita complejidad innecesaria/crear-webs-con-ia/elegir-tipo-web
  3. 3Prepara Codex y GPT-5.6 Sol/crear-webs-con-ia/preparar-codex-sol
  4. 4Convierte la idea en un briefing verificable/crear-webs-con-ia/briefing-verificable
módulo 02Contenido y prototipo local4 lecciones
  1. 5Reúne contenido real sin inventar autoridad/crear-webs-con-ia/inventario-contenido-real
  2. 6Diseña páginas, navegación y llamada a la acción/crear-webs-con-ia/arquitectura-informacion
  3. 7Construye el primer prototipo local/crear-webs-con-ia/primer-prototipo-local
  4. 8Revisa y corrige con el navegador integrado/crear-webs-con-ia/revisar-con-browser
módulo 03Diseño profesional4 lecciones
  1. 9Crea un sistema visual coherente/crear-webs-con-ia/sistema-diseno
  2. 10Diseña para móvil, teclado y lectores de pantalla/crear-webs-con-ia/responsive-accesible
  3. 11Usa imágenes, iconos e identidad sin perder rendimiento/crear-webs-con-ia/imagenes-identidad
  4. 12Diseña estados, formularios y microinteracciones/crear-webs-con-ia/estados-interacciones
módulo 04Arquitectura profesional4 lecciones
  1. 13Decide cuándo pasar a Next.js/crear-webs-con-ia/cuando-usar-nextjs
  2. 14Organiza componentes, páginas y rutas/crear-webs-con-ia/componentes-rutas
  3. 15Crea formularios con validación y estados/crear-webs-con-ia/formularios-validacion
  4. 16Guarda contactos en Supabase con RLS/crear-webs-con-ia/supabase-rls
módulo 05Calidad y visibilidad4 lecciones
  1. 17Configura metadata, canonical, sitemap y robots/crear-webs-con-ia/seo-tecnico
  2. 18Añade datos estructurados y contenido para buscadores y agentes/crear-webs-con-ia/datos-estructurados-aeo
  3. 19Mejora rendimiento y Core Web Vitals/crear-webs-con-ia/rendimiento-core-web-vitals
  4. 20Aplica seguridad, privacidad y límites legales/crear-webs-con-ia/seguridad-privacidad-legal
módulo 06Publicar y operar4 lecciones
  1. 21Versiona con Git y publica el código en GitHub/crear-webs-con-ia/git-github
  2. 22Despliega en Vercel con preview y producción/crear-webs-con-ia/vercel-preview-produccion
  3. 23Conecta dominio, DNS y HTTPS/crear-webs-con-ia/dominio-dns-https
  4. 24Monitoriza, mantén y recupera la web/crear-webs-con-ia/monitorizar-mantener-recuperar
módulo 07IA y experiencias avanzadas4 lecciones
  1. 25Diseña una FAQ y una base de conocimiento fiable/crear-webs-con-ia/faq-base-conocimiento
  2. 26Añade un chatbot con Groq sin exponer claves/crear-webs-con-ia/chatbot-groq-seguro
  3. 27Integra Sol y usa Ultra o multiagente con criterio/crear-webs-con-ia/sol-api-y-ultra
  4. 28Añade 3D con Three.js solo cuando aporte valor/crear-webs-con-ia/threejs-con-proposito
módulo 08Laboratorios de fallos reales10 lecciones
  1. 29Laboratorio: convierte un prompt vago en una especificación/crear-webs-con-ia/laboratorio-prompt-vago
  2. 30Laboratorio: detecta y corrige una interfaz genérica/crear-webs-con-ia/laboratorio-ui-generica
  3. 31Laboratorio: reproduce y repara un móvil roto/crear-webs-con-ia/laboratorio-responsive-roto
  4. 32Laboratorio: encuentra servidores locales duplicados/crear-webs-con-ia/laboratorio-servidores-duplicados
  5. 33Laboratorio: descubre un fallo que solo aparece en producción/crear-webs-con-ia/laboratorio-build-produccion
  6. 34Laboratorio: diagnostica un formulario bloqueado por RLS/crear-webs-con-ia/laboratorio-formulario-rls
  7. 35Laboratorio: mide y optimiza una política RLS/crear-webs-con-ia/laboratorio-rls-rendimiento
  8. 36Laboratorio: localiza y rota un secreto de prueba/crear-webs-con-ia/laboratorio-secretos-expuestos
  9. 37Laboratorio: separa preview y producción/crear-webs-con-ia/laboratorio-preview-produccion
  10. 38Laboratorio: rescata código generado difícil de mantener/crear-webs-con-ia/laboratorio-deuda-tecnica
módulo 09Talleres sectoriales y proyecto final9 lecciones
  1. 39Taller: portafolio de estudiante/crear-webs-con-ia/taller-portafolio-estudiante
  2. 40Taller: web para un restaurante/crear-webs-con-ia/taller-restaurante
  3. 41Taller: web para un despacho de abogados/crear-webs-con-ia/taller-despacho-abogados
  4. 42Taller: web para una consultoría informática/crear-webs-con-ia/taller-consultoria-informatica
  5. 43Taller: landing y aplicación SaaS/crear-webs-con-ia/taller-app-saas
  6. 44Taller: web para una clínica estética/crear-webs-con-ia/taller-clinica-estetica
  7. 45Taller: web para una academia de inglés/crear-webs-con-ia/taller-academia-ingles
  8. 46Taller técnico: SaaS geoespacial con mapas, APIs e IA/crear-webs-con-ia/taller-meteo-saas-geoespacial
  9. 47Proyecto final: publica y mantén una web real/crear-webs-con-ia/proyecto-final-publicar-mantener
progreso privado y portableGuardar, trasladar o reiniciar el progreso0/47 lecciones completadas

Tu avance se guarda en este navegador y no se envía a Aulafy. Puedes exportarlo como JSON para recuperarlo o llevarlo a otro equipo.

Ver todos los cursos