Programación web desde cero: HTML, CSS y JavaScript (50 horas)

Aprende a hacer páginas web escribiendo tú el código: HTML para el contenido, CSS para el diseño y JavaScript para que la página reaccione. Desde cero, con las técnicas actuales (Flexbox, Grid, diseño adaptable al móvil) y ejercicios resueltos en cada tema. Terminas con la web de un pequeño negocio publicada en internet.

Detrás de cada página web hay tres lenguajes que entiende cualquier navegador del mundo: HTML, CSS y JavaScript. Este curso te enseña a escribirlos con tus propias manos, paso a paso y sin dar nada por sabido. No necesitas experiencia en programación: solo saber manejar un ordenador.

Empiezas entendiendo qué pasa cuando abres una web y preparando tus herramientas, todas gratuitas: el editor Visual Studio Code y las herramientas de desarrollo del navegador. Después aprendes HTML moderno y semántico (textos, enlaces, imágenes, listas, tablas para datos y formularios) con criterios de accesibilidad para que tu web la pueda usar todo el mundo. Con CSS darás color, tipografía y espacio a tus páginas, entenderás la cascada y el modelo de caja, y maquetarás con Flexbox y Grid, las técnicas que se usan hoy. Harás que todo se vea bien en el móvil con el enfoque «móvil primero» y añadirás efectos con pseudoclases, transiciones y animaciones.

La segunda parte está dedicada a JavaScript moderno: variables, condiciones, bucles, arrays, funciones, objetos y, sobre todo, cómo cambiar la página y responder a lo que hace el visitante. Lo pondrás en práctica con un pequeño proyecto interactivo que guarda los datos en el navegador. Al final aprenderás a publicar tu web gratis, a usar la inteligencia artificial (como Claude) para que te explique y revise el código sin dejar de pensar tú, y harás un proyecto final guiado: la web completa de un pequeño negocio.

Objetivos

• Entender cómo funciona una web: navegador, servidor, direcciones y el papel de HTML, CSS y JavaScript.
• Instalar y usar con soltura un editor de código y las herramientas de desarrollo del navegador.
• Escribir HTML semántico y accesible: estructura, textos, enlaces, imágenes, listas, tablas y formularios.
• Dar estilo con CSS: selectores, cascada y especificidad, colores, tipografía, unidades y modelo de caja.
• Maquetar páginas con Flexbox y Grid.
• Crear webs adaptables a móviles, tabletas y ordenadores con media queries y el enfoque «móvil primero».
• Añadir interacción con pseudoclases, transiciones y animaciones.
• Programar en JavaScript moderno: variables, tipos, condicionales, bucles, arrays, funciones, objetos, DOM y eventos.
• Publicar una web gratis en internet y conocer qué hace falta para tener dominio y hosting propios.
• Usar la inteligencia artificial como ayuda para aprender y revisar código, conociendo sus límites.

A quién va dirigido

• Personas sin conocimientos de programación que quieren aprender a hacer páginas web desde cero.
• Autónomos y pequeños negocios que quieren entender y crear su propia web.
• Quien hizo webs hace años y quiere ponerse al día con las técnicas actuales.
• Quien quiere dar un primer paso hacia el desarrollo web como profesión.

Requisitos

• Un ordenador con Windows, Mac o Linux y conexión a internet. El curso no se puede seguir solo con el móvil, aunque lo usarás para probar tus webs.
• Saber lo básico del ordenador: crear carpetas, guardar archivos y navegar por internet.
• No hace falta ningún conocimiento previo de programación. Todas las herramientas del curso son gratuitas.

Metodología

• Aprendes a tu ritmo, con ejercicios resueltos en cada tema.
• Asistente de IA integrado en el aula para resolver tus dudas del temario a cualquier hora.
• Lecciones cortas, con esquemas visuales y ejemplos de código listos para probar.
• Herramientas gratuitas y actuales: Visual Studio Code y las herramientas de desarrollo del navegador.
• Cada tema termina con un test (hay que sacar al menos un 5 para pasar al siguiente). Al final del curso hay un examen final de 30 preguntas.