Especificar antes de programar
Convertir una idea difusa en una especificación clara: objetivo, público, secciones, estilo, acción principal e interacción. Es el paso que decide la calidad del resultado.
Curso práctico · Modalidad en línea
De una idea a un sitio web publicado en Internet, con ayuda de IA
IA aplicada y Automatización con IA es un curso de práctica guiada: aprendes a especificar lo que necesitas, a que la IA lo convierta en código, a validarlo con criterio y a publicarlo con GitHub Pages. Sin instalar programas y sin usar la terminal.
Requisitos: un navegador web, una cuenta de GitHub y disposición para leer y probar el código que generas.
Competencias
Qué aprenderás
El curso no evalúa quién escribe más código. Evalúa que puedas pasar de una necesidad a un prototipo publicado, pedir ayuda técnica con precisión, validar lo generado y explicar tus decisiones.
Leer y entender el código
Reconocer qué hace el HTML, el CSS y el JavaScript dentro de un único archivo, y saber exactamente qué bloque tocar para cambiar un color, un texto o un comportamiento.
Versionar y publicar
Crear un repositorio, subir tu index.html a la raíz, activar
GitHub Pages sobre main + /(root) y obtener una URL pública
que se redespliega sola en cada cambio.
Validar con responsabilidad
El código generado por IA puede fallar. Aprendes a leer, probar, modificar poco a poco y validar antes de publicar, y a no exponer nunca credenciales ni datos privados.
Depurar con método
Describir un síntoma con precisión, formular hipótesis, comprobarlas, aplicar la corrección mínima y diseñar una prueba que confirme que el problema quedó resuelto.
Accesibilidad y responsive
Que el sitio funcione con teclado, muestre el foco, tenga contraste
suficiente, use alt en las imágenes y se adapte a computador,
tableta y móvil.
Contenidos
Módulos del curso
Filtra por etapa o busca por palabra clave. Pulsa cualquier módulo para ver su objetivo, sus contenidos y el resultado que se espera de ti.
Ningún módulo coincide con tu búsqueda
Prueba con otra palabra o vuelve a ver el programa completo.
Paso a paso
La ruta, de la idea a la URL pública
Cada paso produce un entregable verificable. Nada se da por hecho: todo se prueba.
-
Define la idea
Eliges qué sitio quieres construir, con información real que puedas publicar o con un caso ficticio coherente.
-
Deja que la IA te entreviste
En lugar de pedir «hazme una página», pides que te pregunte una por una sobre nombre, objetivo, público, secciones, estilo y acción principal.
-
Confirma la especificación
La IA resume tu proyecto, tú corriges los errores y solo entonces autorizas la generación del código.
-
Genera un único
index.htmlHTML semántico, CSS en
<style>y JavaScript en<script>, dentro del mismo archivo, sin frameworks ni backend. -
Sube el archivo a GitHub
Creas un repositorio público, añades
index.htmlen la raíz y registras el cambio con un mensaje de commit claro. -
Activa GitHub Pages
En Settings → Pages seleccionas la rama
mainy la carpeta/(root), y guardas. -
Prueba tu URL pública
Recorres el menú, los botones, el formulario, la interacción y la versión móvil. Si algo falla, documentas el síntoma antes de tocar nada.
-
Mejora una interacción
Eliges una sola mejora, pides un cambio acotado, lo aplicas con un commit y esperas el nuevo despliegue.
-
Explica tus decisiones
Documentas la especificación, los prompts, la prueba realizada, un error encontrado y qué aprendiste del código.
Cómo trabajamos
Metodología: Code, No-Code, Low-Code e IA
La IA reduce la barrera de entrada al Code: tú describes lo que necesitas y la IA propone una implementación. Pero la decisión y la validación siguen siendo tuyas.
Construir sin escribir código
Herramientas que permiten armar un producto con poca o ninguna escritura manual de código.
Visual más pequeños ajustes
Combina constructores visuales con pequeñas cantidades de código para resolver lo que la herramienta no cubre.
Control total
Trabajo directo con HTML, CSS y JavaScript. Máxima libertad y, también, máxima responsabilidad.
La vía del curso
Especificas con precisión, la IA redacta el código, tú lo lees, lo pruebas y lo corriges antes de publicar.
Principio de responsabilidad del curso: el código generado por IA puede fallar. No publiques a ciegas. Lee, prueba, modifica poco a poco y valida. Nunca pegues contraseñas, tokens, claves de API ni datos privados en un repositorio público.
Dudas frecuentes
Preguntas frecuentes
Si tu duda no está aquí, puedes plantearla en el formulario de abajo.
No. Todo el trabajo se hace desde el navegador: conversas con la IA, creas el archivo directamente en GitHub con la opción Add file → Create new file y publicas con GitHub Pages. No se requiere instalación, línea de comandos ni entorno local.
No es un requisito de entrada. Sí es un resultado de salida: al terminar debes poder señalar dónde están las secciones de tu archivo, dónde se cambian colores y textos, qué funciones de JavaScript existen y qué las activa.
- La URL pública de GitHub Pages.
- El tema y el objetivo del sitio.
- La especificación acordada con la IA y el prompt maestro utilizado.
- La interacción que mejoraste y el prompt de modificación.
- La prueba que realizaste y su resultado.
- Un error encontrado o un riesgo prevenido.
- Una explicación breve de qué aprendiste del código.
No. Puede fallar, omitir secciones o cerrar mal una etiqueta. Por eso el curso insiste en cuatro pasos antes de publicar: leer, probar, modificar poco a poco y validar. Un cambio pequeño con un commit propio es más fácil de revisar y de revertir que una reescritura completa.
Este es un caso real de la práctica. El orden de diagnóstico recomendado es:
- Que
index.htmlexista en la raíz del repositorio. - Que el archivo tenga contenido y comience con
<!DOCTYPE html>. - Que exista
<body id="inicio">y que cierre con</body>. - Que el archivo termine con
</html>. - Que Settings → Pages apunte a
mainy/(root). - Recargar la URL después del nuevo despliegue.
- Si aún falla, copiar el mensaje de la consola del navegador y entregarlo a la IA.
Nunca. Un repositorio público es visible para cualquiera y el historial de versiones conserva lo que subiste, incluso si luego lo borras. Usa información que puedas publicar o construye un caso ficticio coherente.
Siguiente paso
Solicita información del curso
Completa tus datos y revisa el resumen antes de contactarnos por el canal que prefieras.
Aviso técnico honesto. Este sitio es un único archivo
index.html publicado en GitHub Pages: no tiene servidor
ni base de datos. Al pulsar el botón, los datos se validan y se
muestran en pantalla únicamente en tu navegador.
No se envían, no se guardan y nadie los recibe.
Qué pasa después
Revisa el resumen que aparecerá bajo el formulario, verifica que los datos sean correctos y escríbenos por el canal de contacto que figura en el pie de página.
Antes de inscribirte, ten listo
- Un navegador web actualizado.
- Una cuenta de GitHub con el correo verificado.
- Una idea de sitio, real o ficticia, que puedas publicar.
Resumen de lo que diligenciaste
Este resumen se generó en tu navegador. No se envió ningún mensaje y nadie ha recibido esta información, porque el sitio no tiene backend. Para contactarnos de verdad, usa los datos del pie de página.