Saltar al contenido
Aulafy
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 Ruta principal · 24 lecciones 47 lecciones disponibles 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, cookies ni seguimiento personal. El avance básico se guarda solo en este navegador. Cómo funciona la privacidad.

módulos
9
lecciones
47
estado
abierto
empieza aquí

Tu siguiente acción

Abre la primera misión, termina una práctica pequeña y guarda una evidencia. Si el curso te supera, vuelve a la ruta de inicio: no tienes que dominarlo todo hoy.

  1. 1 Abre una lección
  2. 2 Haz la misión
  3. 3 Guarda evidencia
Primera misión
confianza del cursoRevisión editorial del Necesita revisión · 3 fuentes primarias · catálogo editado el
Revisión pendiente desde 21 de agosto de 2026Revisión periódica Revisar cada 30 díasPróxima revisión · 21 de agosto de 2026

Alcance: Proceso educativo para crear, revisar y publicar webs con IA, GitHub, Vercel, SEO básico y controles anti-AI-slop.

Evidencia revisada

  • Build de Aulafy ejecutado.
  • Curso generado desde fuente Markdown.
  • Checklist de calidad web y despliegue.

Esta ficha no sustituye la prueba local de cada tutorial técnico. Si una lección incluye comandos, versiones, precios o plataformas externas, debe volver a contrastarse con sus fuentes oficiales antes de marcarse como probada.

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
Ruta principal · ≈ 26 hCompleto · ≈ 70 hConstrucción web con IA

Actualizado: 18 de julio de 2026

Cómo recorrer este curso

No necesitas completar 47 lecciones para publicar tu primera web

Sigue primero la ruta de publicación. Cuando tengas una base real, elige solo los laboratorios y talleres que respondan a tu proyecto.

EMPIEZA AQUÍ · 24 lecciones

Ruta de publicación

De la idea al despliegue: briefing, prototipo, diseño, datos, seguridad, SEO y mantenimiento básico.

Abrir desde «Qué hace que una web sea seria y útil» CUANDO LO NECESITES · 4 lecciones

Extensiones con criterio

FAQ, chatbot limitado, agentes y 3D: incorpóralos solo si resuelven una necesidad demostrable.

Abrir desde «Diseña una FAQ y una base de conocimiento fiable» PRACTICA EN SEGURO · 10 lecciones

Laboratorios de fallos

Practica errores reales de responsive, RLS, secretos, entornos y deuda técnica sin arriesgar tu proyecto.

Abrir desde «Laboratorio: convierte un prompt vago en una especificación» ELIGE UNO · 8 lecciones

Taller sectorial

Elige uno de ocho casos: estudiante, restaurante, despacho, clínica, academia, SaaS o METEO técnico.

Abrir desde «Taller: portafolio de estudiante» CIERRA LA RUTA · 1 lección

Proyecto final

Publica, revisa y deja un plan de mantenimiento para una web que puedas defender y recuperar.

Abrir desde «Proyecto final: publica y mantén una web real»
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
Ver todos los cursos

Mapa completo de Aulafy

Cómo se relacionan todos los cursos

No es una lista que debas completar. Empieza por la base, elige un resultado y profundiza solo cuando tu proyecto necesite más control.

  1. 1Comprender
  2. 2Aplicar o construir
  3. 3Operar con confianza
01

Empieza aquí

Crea una base común: qué puede hacer la IA, cómo pedir resultados y cómo comprobarlos antes de especializarte.

IA desde ceroEntiende, usa y verifica la IA generativa antes de elegir una herramientaCero absoluto · 12 leccionesVer curso

Desde esta base puedes aplicar la IA a una tarea o aprender a construir con código.

02

Elige una aplicación

Convierte la base en un resultado visible: una web, una mejora de negocio, contenido o una experiencia interactiva.

Codex desde ceroTrabaja con archivos, automatiza tareas y construye proyectos sin experiencia previaCero absoluto → intermedio · 20 leccionesVer curso Crea webs profesionales con IA desde ceroEstás aquíDe una idea a una web seria, publicada y mantenible con Codex y GPT-5.6 SolCero absoluto → profesional · 47 leccionesVer curso IA para pymes y autónomosAutomatiza oficina sin perder controlPrincipiante → intermedio · 20 leccionesVer curso IA generativa: imagen, voz y vídeoCrea recursos multimedia con modelos abiertosPrincipiante → intermedio · 7 leccionesVer curso Videojuegos, 3D y simulaciones con IAGodot, Blender, Fable 5 y pipelines 3DPrincipiante → intermedio · 6 leccionesVer curso

Si necesitas mantener código, datos o infraestructura, continúa por la rama técnica.

03

Construye con código

Prepara el entorno, trabaja con agentes de programación y aprende a ejecutar modelos con control sobre tus proyectos.

Fundamentos para AulafyPython, Git, terminal y Docker para aprender IA sin fricciónPrincipiante · 6 leccionesVer curso Codex para programadoresPrograma, prueba y entrega cambios con OpenAI CodexPrincipiante → avanzado · 10 leccionesVer curso Claude Code, de 0 a proDomina la CLI de IA de AnthropicPrincipiante → avanzado · 24 leccionesVer curso Claude Code + IA LocalConstruye apps de IA en tu ordenadorIntermedio · 34 leccionesVer curso

Esta rama prepara los conocimientos necesarios para diseñar y operar sistemas de IA fiables.

04

Lleva sistemas a producción

Combina recuperación, agentes, evaluación, seguridad, despliegue y adaptación de modelos cuando el problema lo exija.

RAG avanzado y seguroChatbots con documentos que sí se pueden usarIntermedio · 14 leccionesVer curso Agentes y automatizaciónDiseña agentes útiles, seguros y manteniblesIntermedio → avanzado · 20 leccionesVer curso Agentes en producción con LangGraph y n8nAgentes fiables para tareas realesIntermedio → avanzado · 9 leccionesVer curso Automatización IA self-hosted para pymesn8n, Open WebUI y Ollama en tu servidorIntermedio · 10 leccionesVer curso AI Router y sistema de contenidoEnruta modelos locales y frontier con calidad, coste y privacidadIntermedio → avanzado · 6 leccionesVer curso Seguridad y evaluación de modelosPrueba sistemas de IA antes de publicarlosIntermedio · 7 leccionesVer curso MLOps local y despliegue de modelosSirve modelos abiertos con controlIntermedio → avanzado · 10 leccionesVer curso Fine-tuning y post-training de LLMsAdapta modelos abiertos con tus datosIntermedio → avanzado · 8 leccionesVer curso

No es obligatorio completarlo todo: elige solo la pieza que tu sistema necesita y vuelve al mapa cuando crezca.

Ver catálogo completo