Aprender desarrollo web con MDN permite empezar sin contratar de entrada un curso largo. La dificultad no suele ser encontrar material, sino ordenar qué estudiar y comprobar si sabes construir algo sin copiarlo. Una página pequeña, entendida y revisada, es un objetivo inicial más claro que intentar dominar varias herramientas a la vez.
Esta propuesta utiliza recursos oficiales de Mozilla comprobados el 29 de octubre de 2026. Es una ruta de aprendizaje, no una oferta de empleo ni una promesa de contratación. Puedes seguirla desde España, por internet y a tu ritmo; no se presenta como un curso presencial con plazas o fechas de matrícula.
Qué ofrece MDN y qué no conviene dar por supuesto
El MDN Curriculum se describe como gratuito, de nivel principiante y de aprendizaje autónomo. Ordena las competencias fundamentales de desarrollo de interfaces web, desde HTML y CSS hasta JavaScript, accesibilidad y control de versiones.
No confundas ese itinerario con una titulación oficial, una práctica en empresa o una certificación profesional supervisada. Tampoco presupongas que todos los cursos de colaboradores enlazados sean gratuitos por aparecer junto al contenido de MDN. Comprueba sus condiciones por separado antes de registrarte o pagar.
La página del currículo indica actualización en octubre de 2025. No la presentamos como una novedad lanzada este mes. Su interés aquí es la disponibilidad de una base estructurada y verificable para tomar una decisión formativa sin depender de promesas comerciales.
Requisitos: empieza por un entorno que entiendas
Los módulos de introducción están orientados a quienes todavía no han escrito código. Incluyen entorno, archivos y primeros conceptos. La ruta inicial no exige saber programar previamente, pero sí dedicar tiempo a familiarizarse con el ordenador y sus carpetas.
Para nuestra práctica proponemos un ordenador, un editor de texto para código y un navegador. No necesitas contratar alojamiento ni comprar un dominio para comenzar trabajando en archivos locales. Eso permite aprender sin publicar por accidente datos personales o contenido de un cliente.
Comprueba el idioma de cada recurso: existe material en español, pero no todas las páginas o traducciones tienen por qué estar igual de completas. Si una explicación no coincide con lo que ves, vuelve al recurso oficial enlazado y compara su versión, en lugar de asumir que has roto algo.
Una ruta corta antes de abrir demasiados cursos
La sección Aprende desarrollo web organiza introducción, fundamentos y ampliaciones. Nuestra recomendación es convertir esa estructura en pequeñas entregas: comprender los archivos, estructurar contenido, darle un aspecto legible y explicar las decisiones.
No fijamos un plazo universal de unas pocas semanas para estar preparado para trabajar. La experiencia previa, la práctica y la corrección cambian mucho el ritmo. Un calendario útil para empezar es reservar sesiones que puedas mantener y cerrar cada una con una pregunta respondida o una mejora comprobable.
Si ya sabes abrir un proyecto local y organizar sus archivos, puedes revisar esos apartados sin repetir todo desde cero. Si te cuesta localizar dónde has guardado una imagen, merece la pena resolverlo antes de añadir herramientas más complejas.
Práctica propuesta: una ficha de un taller ficticio
Imagina un taller gratuito de fotografía que no existe realmente. Define un título, una descripción breve, una lista de materiales y un enlace informativo. Utiliza datos inventados claramente identificados como ejercicio, sin teléfonos, direcciones ni nombres de personas reales.
El primer resultado debe ser una página que puedas abrir en tu navegador. Antes de añadir adornos, comprueba que el orden del contenido responde a lo que necesita saber quien la lee. No añadas un formulario de inscripción que parezca recoger datos si todavía no has aprendido cómo se gestiona esa información.
Este encargo es una propuesta nuestra para practicar, no una tarea oficial de Mozilla ni una muestra que ya hayamos evaluado. Puedes cambiar el tema, pero conserva un alcance pequeño para poder terminarlo y revisarlo.
HTML: explicar la estructura, no memorizar una plantilla
La lección oficial HTML: crear el contenido presenta encabezados, párrafos, listas, enlaces e imágenes. Úsala para construir el documento inicial y entender qué función cumple cada elemento.
En nuestra ficha, pregúntate qué es el título principal, qué apartados dependen de él y qué información merece una lista. Si utilizas una imagen con derechos adecuados, escribe una alternativa textual que describa su función. No emplees una captura de una página ajena como si fuera tu trabajo.
Después cambia la descripción del taller y añade un material a la lista sin volver a copiar todo el documento. Poder realizar una modificación pequeña y explicar dónde la hiciste es una comprobación más útil que reconocer visualmente una página terminada.
CSS: legibilidad antes que efectos
La lección CSS: dar estilo al contenido explica cómo conectar una hoja de estilos y modificar la presentación. Aprende a distinguir el contenido del archivo HTML de las reglas que controlan su aspecto.
Para este ejercicio proponemos revisar tamaño del texto, separación entre apartados y ancho de lectura. Cambia una regla cada vez y observa el efecto. Si no ocurre nada, comprueba primero que has guardado el archivo y que la ruta a la hoja de estilos coincide.
Reduce el ancho de la ventana y revisa si se lee sin perder contenido. Prueba los enlaces con teclado y registra lo observado. Esa revisión inicial no equivale a una auditoría completa de accesibilidad ni a compatibilidad garantizada con todos los dispositivos.
Cómo convertir la práctica en evidencia honesta
Conserva el objetivo, los archivos, una imagen del resultado y una nota de qué has comprobado y qué falta. Presenta el trabajo como proyecto personal de aprendizaje, no como encargo de un cliente o experiencia laboral.
Cuando entiendas los archivos, nuestra introducción a ramas y cambios revisables en Git y GitHub puede ayudarte a estudiar cómo registrar modificaciones. Es una habilidad complementaria, no un requisito para terminar esta primera página.
Antes de pagar por más formación, identifica tu siguiente dificultad concreta: estructura, estilos, interacción o revisión. Elegir apoyo para un problema reconocido aporta más criterio que comprar un curso solo porque promete un puesto de trabajo.
Portada ilustrativa de programación; no muestra un curso ni una sesión de Mozilla: Mizuno K en Pexels, licencia Pexels.
