Da por sabido escribir etiquetas y va a lo que separa a quien "sabe HTML" de quien construye páginas que funcionan para todo el mundo: el árbol de accesibilidad, los formularios nativos, el orden de carga y las trampas de seguridad que se abren en el propio marcado. Es el único curso del catálogo donde tu código se renderiza de verdad: lo ejecuta el navegador en un Shadow DOM y las correcciones consultan el DOM resultante, no el texto que escribiste — así que cualquier solución correcta pasa, aunque no sea la mía. Once módulos y once ejercicios, cuatro de ellos con editor y vista previa en vivo.
Temario 目次
Nivel 1 — El documento
Lo que el navegador decide antes de pintarEl editor, las comprobaciones sobre el DOM y las dos diferencias con un navegador real.
DOCTYPE, charset en los primeros 1024 bytes, lang y viewport. Cuatro líneas y cuatro clases de bug.
Landmarks, jerarquía de encabezados y por qué section no es un div bonito.
Nivel 2 — Contenido
Imágenes, formularios y datossrcset, sizes, el par width/height que arregla el CLS y el alt que de verdad sirve.
Tipos, autocomplete, validación nativa. Este módulo va de borrar JavaScript, no de escribirlo.
caption, scope y la única estructura que casi nadie hace accesible.
Nivel 3 — Calidad
Accesibilidad, rendimiento y seguridadLas cinco reglas, y la primera es no usar ARIA. Con caza de bugs sobre un falso botón.
defer, async, preload y por qué el CSS bloquea el render pero no el parseo.
Tabnabbing, sandbox e integridad de subrecursos. Agujeros que se abren en el marcado.
Nivel 4 — Cierre
Metadatos y proyectoOpen Graph, JSON-LD y lo que ve un buscador. Con el aviso legal sobre el precio anunciado.
Una ficha de curso completa, con trece comprobaciones sobre el DOM que produces.
Por qué ves candados. El acceso no se deduce de una orden pagada sino de un entitlement activo, y esta sesión no tiene uno para este curso. Entra como ana@criswily.local para verlo desbloqueado y como bruno@criswily.local para comprobar que el bloqueo es real — los dos son del mismo tenant, así que la diferencia no la puede hacer el aislamiento por tenant.