¿ESTÁS SEGUR@ DE QUE SABES TANTO DE HTML5 COMO CREES?
¿Y si te propongo aprenderlo en 14 días?
(ni uno más ni uno menos)
Hace unos meses hice una encuesta que titulé “¿Cuánto sabes sobre HTML?”.
Eran 20 cuestiones genéricas sobre HTML5 en las que preguntaba sobre sintaxis, etiquetas…
Respondieron cerca de 50 personas.
Aprobaron (por los pelos) menos del 30% de los que la hicieron.
La nota más alta fue un 6,6 (¡enhorabuena, Jonatan! 😉).
La media… un 4,3. ¡Un 4,3!
¿Sabes qué?
Cuando uno de mis alumnos me dice que le suba la nota cuando saca un 4 y pico siempre le respondo lo mismo…
“¡¡Es que sabes MENOS DE LA MITAD de lo que deberías saber!!”
Claro, podrás decir: “¿Para qué necesito yo saber la etiqueta blockquoute si no la utilizo nunca?”. Pues mira, te doy la razón en eso, ¡jejeje! 😎
Ahora dime, ¿tú eres de los que no da pie con bola con las etiquetas semánticas? ¿Sabes qué va por fuera, article o section? ¿header o nav? ¿podemos meter un header en un footer?
Si te has quedado pensando, deberías saber que las etiquetas semánticas son esenciales para mejorar el posicionamiento en buscadores, facilitar la accesibilidad y la usabilidad, y mejorar la legibilidad y el mantenimiento del código…
En serio, si no las conoces… es el momento de hacerlo 😉
Además, tras la encuesta me di cuenta de que la mayoría de las personas encuestadas no conocían algunas de las “nuevas” etiquetas de HTML5 que permiten prescindir de otros lenguajes para su funcionamiento.
¿Sabes que hay una etiqueta para hacer un acordeón sin utilizar CSS o Javascript? (¡pulsa la flechita de la izquierda!)
¡Como esta, como esta!¿Y otra que subraya el texto en amarillo sin aplicar un background-color?
¿Y que puedes crear una imagen-botón sin utilizar una etiqueta de imagen y otra de enlace?

Hagamos un paréntesis. Déjame que te cuente por qué me animé a hacer este curso.
El código de Alex, que cerraba los input con </input>
Te cuento la verdad.
Al principio HTML5 no estaba en mis planes a pesar de que era uno de los que más salían en las encuestas.
Pensé que tenía más sentido ir ampliando con librerías y frameworks, en incluso con lenguajes de servidor.
Pero hubo un día que dije: “Esto no puede seguir así. Tengo que hacerlo“.
Y es que había recibido varios códigos fuente de gente que participaba en los retos que tenían un HTML desastroso no muy bonito.
Concretamente me llamó la atención el de Alex (obviamente, no era ese su nombre 😅). Abría y cerraba los input con <input> y </input>, que es una etiqueta vacía. Y metía texto en medio que, obviamente no servía de nada y daba error en los validadores del W3C.
Como este encontré muchos códigos que no respetaban las normas básicas, ni utilizaban etiquetas semánticas, ¡ni na de na!
De hecho me encontré en varias ocasiones etiquetas HTML4 obsoletas… ¡casi me da un patatús! 😱
Total que, una vez más, me puse manos a la obra a hacer el curso que a mí me gustaría recibir.
¿Y cómo tendría que ser mi curso favorito de HTML?
🤹🏽♀️ 1. Empezando de cero
Aunque es posible que, como yo, ya hayas trabajado con HTML largo y tendido y tengas bastante destreza, estoy segura de que hay muchas cosas que no sabes ni que existen.
¡Te lo digo yo que muchas de ellas las he aprendido montando el curso! 😅
Así que tenía que ser un curso que empezara desde cero: entendiendo cosas tan básicas como las normas de escritura de un HTML, las etiquetas semánticas estructurales o la diferencia entre los elementos de bloque y los elementos en línea.
🚴🏼♂️ 2. Sin dejar nada atrás
Lo reconozco.
Es posible que haya alguna etiqueta que no haya incluido en el curso.
🈹 Como las anotaciones <ruby> para las tipografías del este asiático… 🈵
Vamos, que mi tiempo es oro, y el tuyo también. ¡No vamos a perderlo en cosas que es muy probable que no utilicemos jamás!
Pero (casi) todo lo demás… deberías saberlo.
🧗🏽️ 3. Resolución de dudas
Como ya comenté en mi primer curso, si hay algo que no me gusta de muchos cursos online es… ¡que los/as profesores/as no respondan a las dudas!
Pero no, en este no estarás solo/a.
¡Todas las dudas que plantees sobre el curso serás resueltos! ¡Palabrita de niña Laura!
Y si encima te apuntas a la versión tutorizada podrás preguntarme directamente por Telegram 😊
🪂 4. Tu portafolio en HTML, directo para ser publicado
La mayoría de los cursos suelen estar compuestos por vídeos, vídeos y más vídeos (y algún que otro descargable que suele ser una presentación en .pdf de alguna lección).
Y cuando terminas el curso, sí, habrás aprendido, ¿pero qué te queda? ¿El código fuente de las lecciones? ¿Un diploma (por haber “visto” vídeos)?
En este caso a lo largo de las diferentes unidades irás creando tu propio proyecto paralelo: un portafolio en el que puedas recoger cuál es tu experiencia, tus skills, cómo contactar contigo…
Directo para ser publicado en un dominio.
Directo para que puedan ver quién eres sin necesidad de depender de otras plataformas.
Y además aprenderás cómo subirla a un servidor (gratuito o de pago, tú eliges).
Lo que le ocurría a Alex es que creía que sabía suficiente HTML5 como para enfrascarse en algo más complejo… y para lo que hacía le bastaba.
Es verdad que HTML no es como programar, que te puedes equivocar una y mil veces.
Pero HTML también hay que practicarlo, conocer etiquetas, elegir la que mejor se adapta a tus necesidades. ¡Y escribir HTML válido, sin errores!
Y no hay mejor modo de hacerlo que escribiendo código. Una y mil veces también.
Por eso harás un proyecto desde el minuto uno en el que aprenderás desde crear el primer archivo que será la base de tu proyecto y todas las carpetas que debería tener, hasta el último elemento de un formulario de contacto.
Poco a poco, poniendo en práctica todo lo aprendido en cada lección para que aprendas haciendo.
✨ Pero eso no es todo. Además de la parte práctica también te encontrarás:
- Cómo se organiza el curso, cómo afrontarlo y algunos consejos de “programadora cebolleta” 👵🏽 que le cuento a mi alumnado siempre que va a empezar a aprender algo nuevo.
- Por qué es importante conocer HTML a fondo para empezar (o seguir) trabajando como desarrollador o desarrolladora.
- Toda la información que debes saber para hacer una estructura de documento HTML totalmente semántica y que posicionar tu página en buscadores se convierta en un camino de rosas.
- La información básica para añadir identificadores y clases en tus etiquetas HTML para que aplicar estilos CSS sea coser y cantar.
- Unidades agrupadas por tipo de elementos. Olvídate de largas listas de elementos ordenados por orden alfabético: aprende con sentido.
🚀 Y para que tu web quede bonita…
Te paso el código fuente CSS para que puedas aplicarlo directamente sobre tu página y darle un aspecto profesional…
No íbamos a dejar el código HTML “a pelo”, ¿no? Que es un poco “feucho”… 😅
(¡Tranqui! No te agobies por CSS: solo veremos lo básico para que puedas formatear algunos de tus elementos. Profundizaremos a fondo en un curso de CSS).
¿Echas algo en falta? ¡No te preocupes! Este curso está vivo e irá actualizándose y ampliándose según vuestras propuestas y teniendo en cuenta los cambios que vayan surgiendo.
Si me conoces y conoces Didacticode ya sabes que prefiero enseñar una sola cosa a fondo que cinco “por encima”.
¡¿Te estás animando?! 😊

“Todo esto está muy bien, Laura, ¡pero mi problema es que compro cursos y nunca los termino!”
¿Me lo dices o me lo cuentas? Lo tengo comprobado: salvo contadas excepciones, solo termino los cursos que tienen fecha de inicio y fin.
Es la manera de forzarme a acabarlos.
Así que te propongo una cosa: aprender HTML en 14 días.
¿Podrías hacerlo en 3 días? Seguro. Y en 3 años también.
Lo que no quiero es que lo dejes a la primera de cambio porque te lleva demasiado tiempo ni que lo pierdas con el resto de cursos de tu diógenes digital.
Sí, ya… ¿y cómo vas a obligarme a trabajar todos los días?
¡Muy sencillo! Cada día te propondré que veas un grupo de lecciones y trabajes en tu portafolio. ¿No puedes hacerla un día? No pasa nada, podrás avanzar al día siguiente… ¡o cuando tengas tiempo!
Yo estaré a tu lado en Telegram para que consultes todas las dudas que te surjan a medida que vas avanzando.
Eso sí, será del día 15 al día 28 de mayo de 2023.
De momento desconozco cuándo será la próxima edición.
¡Uy, me vienen fatal las fechas! ¿Y si quiero hacerlo a mi ritmo?
¡No hay problema! Apuntarte al curso no obliga nada. Podrás comprarlo igualmente e ir a tu ritmo y terminar cuando quieras. Mi recomendación es que aproveches la inercia que te da estar trabajando cada día con HTML5, pero depende de ti.
En cualquier caso, tendrás acceso indefinido (¡mientras siga abierta la web, claro!).
Todo esto está muy bien pero… hay miles de cursos gratuitos: ¿por qué tendría que pagar el tuyo?
Pues sí: hay miles de cursos de HTML5 gratuitos, y cursos que ofertan un súper combo de HTML5 + CSS3 + Javascript + GIT + chorrocientos frameworks… ¡Me parecen una opción fantástica!
De hecho, he visto algunos que están realmente bien… pero no entiendo por qué no profundizan más. ¿Por qué aprender HTML a medias? ¿Por qué aprender solo “lo justo” para salir del paso?
Si crees que te vale con lo que te ofrecen la mayoría, ¿te imaginas lo que puedes ser capaz de hacer si sabes prácticamente todo?
Yo te garantizo que en este curso solo vas a aprender HTML5 (vale, y un poco de CSS). Pero vas a hacerlo a fondo: no para “ir tirando”, no para “salir del paso”.
No tendrás que tirar de librerías, ni de complicados estilos, ni de Javascript, para hacer ciertas cosas que ya incluye HTML5 y que la mayoría de la gente no conoce. Tampoco te quedarás colgado/a cuando te surjan dudas. Siempre estaré detrás para responderlas.
Qué te voy a contar, si estás en Didacticode, ya me conoces: o casi seguro que al menos alguno de los ¿170? vídeos gratuitos que tengo en Didacticode y en Youtube. Sabes cómo enseño, qué estilo tengo, ¡todo eso!
Pero si quieres saber qué opinan los demás, te dejo algún que otro testimonio que igual te anima de esta versión y de la versión desatendida… (¡hasta en inglés!) 😊




Así que… ¿recapitulamos?

Curso de HTML5
Versión premium
- Curso completo de HTML5 en vídeo y texto (+82 lecciones agrupadas en 11 unidades). Incluye código fuente.
- 10 lecciones prácticas para crear tu propio portafolio con HTML + CSS incluido.
- 10 cuestionarios para comprobar tu progreso en el curso.
- Todas las ampliaciones del curso futuras (Canvas, Webstorage, Geolocalización, etc.)
- Planificación y seguimiento del curso del 3 al 16 de octubre que incluye:
- Propuesta diaria de trabajo.
- Resolución de dudas individuales a través de Telegram.
- Descuento del 10% adicional en el curso de CSS.
- Certificado del curso (¡si completas los cuestionarios correctamente!).
79 EUROS
(Solo disponible para apuntarse hasta el día 14 de mayo a las 23:59h. El pago se puede realizar por PayPal o Stripe; si prefieres transferencia escríbeme a ada@didacticode.com).
Y como me imagino que, a pesar de todo, tendrás dudas, te dejo una pequeña sección de preguntas frecuentes que, aunque aún no me ha preguntado nadie, me imagino que pasarán por la cabeza de alguno o alguna:
Yo creo que poco más me queda por decir, ¿verdad?
Así que, si te apetece… ¡nos vemos dentro! ¡Un abrazo!
¿Dudas, preguntas? Escríbeme a ada@didacticode.com. ¡Leo todos los correos personalmente y te contestaré lo antes posible!
