Crear Páginas Web con IA en 3 Horas
Durante la Semana de la IA en Navarra, el segundo día tuvo lugar en el aula de informática de la UPNA. Participamos en un taller de tres horas impartido por Javier Lasheras, cuyo objetivo era crear páginas web usando IA, ¡sin necesidad de saber programar! 🚀

🤖 Introducción

Aprendimos cómo la IA actúa como asistente de programación, generando código automáticamente a partir de instrucciones en lenguaje natural.

  • Crear prototipos rápidamente
  • Democratizar la programación web
  • Aprender conceptos de control de versiones y automatización

🛠️ Herramientas utilizadas

  • Visual Studio Code 💻 – Editor de código con IA integrada, capaz de generar HTML, CSS y JS automáticamente.
  • Git y GitHub 🌐 – Control de versiones y alojamiento del proyecto online.
    • git init → inicializar repositorio
    • git add . → añadir cambios
    • git commit -m "mensaje" → guardar cambios
    • git push → subir al repositorio remoto
  • GitHub Pages 🌍 – Automatización para publicar la web directamente desde el repositorio.
  • Gemini y otras IAs 🤖 – Generación y refinamiento del código de manera inteligente.

🎨 HTML, CSS y JS: ¿para qué sirven?

  • HTML – Estructura de la página (títulos, párrafos, enlaces, imágenes…)
  • CSS – Diseño y estilo visual (colores, tipografía, disposición, animaciones)
  • JavaScript (JS) – Interactividad y dinamismo (botones, formularios, animaciones, eventos)

🖥️ Flujo del taller

  1. Creación del repositorio en GitHub.
  2. Generación del README y de la página index.html.
  3. Uso de la IA para crear y refinar el código automáticamente.
  4. Commits y push con Git.
  5. Configuración de GitHub Pages para publicar la web online 🌐.

💡 Reflexión

El taller fue muy enriquecedor:

  • Aprendimos nuevos trucos y técnicas para la creación web asistida por IA.
  • Vimos cómo la IA facilita la programación y la publicación web.
  • Combinamos creatividad, automatización y control de versiones.

💻 Con VS Code + IA + GitHub + GitHub Pages, la creación web está al alcance de todos, y las ideas pueden materializarse rápida y fácilmente.


📚 Próximamente

En el siguiente artículo continuaré compartiendo experiencias de la Semana de la IA, explorando más talleres, herramientas y proyectos que combinan datos, IA y creatividad.

/EJEMPLO PAGINA HELLO, WORLD!

/CV SANTON EN HTML

Deja un comentario

Soy Silvia

Bienvenido/a a El taller de datos, mi acogedor rincón en internet dedicado a todo lo relacionado con mi aprendizaje de este mundo analítico. Aquí te invito a acompañarme en un viaje de creatividad, artesanía y todo hecho a mano con un toque de amor. ¡Vamos a ponernos creativos!