La certificación en diseño web adaptable de freeCodeCamp enseña HTML y CSS escribiendo código desde el primer minuto. No hay vídeos: cada paso muestra una instrucción breve, un editor y una vista previa, y solo avanzas cuando el código cumple lo que se pide. La versión en español traduce la interfaz y los enunciados, mientras que el texto de ejemplo y el propio código se mantienen en inglés, como ocurre en cualquier proyecto real.
El recorrido completo es largo: más de 1.500 pasos entre HTML y CSS, cinco proyectos obligatorios y un examen final. Es gratuito, incluido el certificado, y el progreso se guarda al iniciar sesión.
Cómo está organizado
El temario alterna cuatro tipos de actividad que conviene distinguir desde el principio:
| Tipo | Qué ocurre | Ejemplo del temario |
|---|---|---|
| Taller | sigues pasos guiados para construir algo concreto | Construir una app de fotos de gatos |
| Laboratorio | resuelves un encargo con menos ayuda | Crear una página de recetas |
| Teoría | lees una explicación y respondes preguntas | Entender cómo HTML afecta el SEO |
| Revisión y quiz | repasas y compruebas lo aprendido en cada bloque | Quiz básico de HTML |
Del HTML básico al diseño adaptable
La parte de HTML suma algo más de 300 pasos. Empieza por la estructura de una página y los atributos, continúa con audio, vídeo, imágenes, SVG e iframes, y dedica bloques propios al HTML semántico, a formularios y tablas y a la accesibilidad. El primer proyecto certificable es un formulario de encuesta.
La parte de CSS es mucho más extensa, con más de 1.200 pasos. Allí se trabaja el diseño moderno, la maquetación que se adapta a distintas pantallas y el desarrollo web adaptable, hasta completar el resto de proyectos exigidos para el examen.
Un bloque breve sobre computadoras explica conceptos generales, útil para quien nunca ha pensado en cómo funciona un navegador.
Para quién es
Resulta adecuado para principiantes absolutos que quieren crear páginas web o dar el primer paso hacia el desarrollo front-end. Complementa bien los cursos de lógica de programación, Python y JavaScript de esta categoría: HTML y CSS no son lenguajes de programación en sentido estricto, pero son la base de cualquier proyecto web y la forma más visual de empezar.
Cómo avanzar sin atascarte
- Dedica sesiones cortas y frecuentes: los pasos son breves y el avance se nota más con constancia que con maratones.
- Cuando un laboratorio te bloquee, vuelve al taller anterior: suele contener la técnica que necesitas.
- Antes de cada proyecto certificable, haz un boceto en papel de la página que vas a construir.
- Guarda tus proyectos en un repositorio o carpeta propia; al terminar tendrás una pequeña muestra de trabajo.
El mismo plan de estudios continúa con certificaciones de JavaScript, bibliotecas front-end, Python, bases de datos y back-end, así que puede servir como primer tramo de una formación más larga.