Cómo escribir código HTML a la velocidad de la luz 😎

229544

¿Qué te parecería poder escribir de manera mucho más rápida tu código HTML? ¿Has sentido lo tedioso que es escribir etiquetas de apertura y de cierre? ¡No te preocupes! Al final de este tutorial vas a escribir código HTML como un rayo 😎.

¿Por qué escribir código HTML más rápido?

¡¿Por qué no?! Parte de nuestro trabajo como desarrolladores es ser eficientes y poder entregar proyectos en plazos cortos (¡además podemos tener más tiempo libre para nosotros!). Ser eficientes nunca está de más, todas las pequeñas acciones que podamos tomar para finalizar un proyecto de manera rápida (y con buena calidad 👀) son bienvenidas.
.
¿Y si no soy experto en HTML? ¡No importa! No necesitas ser un experto para poder usar esta herramienta, si tienes conocimientos de etiquetas básicas y sus estructuras semánticas (que ya viste en este curso) estás listo para usar Emmet, nuestra herramienta para lograr el objetivo de este tutorial 💪.

Muy bien, ¿Pero qué es Emmet? ¿Con qué se come?

La herramienta que va a ayuadarte a ser más eficiente, eso es Emmet 😎. Si usas Visual Studio Code, este plugin ya viene preinstalado, sin embargo, en otros editores como Atom o Sublime Text te tocará instalarlos manualmente.

¡Muy bien! Ya estás listo para empezar a usar Emmet, déjame llevarte de la manita para usar esta herramienta, he preparado un video para ti en el cual te explicó cómo usarlo y las cosas increíbles que puedes hacer con él (¡como generar un código HTML boilerplate!).
.

¡Excelente! Ya sabes cómo usar Emmet y ahora eres capaz de escribir código HTML mucho más rápido, apuesto a que esta herramienta te va a ahorrar muchas líneas de código que tendrías que escribir manualmente. Como te diste cuenta, gracias a Emmet puedes programar el código que quieres escribir, ¿no conocías este super poder verdad?
.
¡Espero que te haya gustado este tutorial! Si tienes alguna duda estaré encantado de ayudarte en los comentarios. 💚