32

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

¿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. 💚

Artículos relacionados

Emmet Cheat Sheet

Escribe tu comentario
+ 2
Ordenar por:
2
271Puntos

Tienes mi respeto Stark, muy buenos atajos. Muy Útil.

1
5357Puntos

Gracias, me ha servido de mucho, y muy amena la clase.

1
5014Puntos

Eres grande @RetaxMaster. Muchas gracias por la cátedra. Como lo comentas, ciertamente ¡es un súper poder!

1
11399Puntos

Excelente! Logré realizar el reto de la lista de súper que dejo Diego de una manera más rápida. 😃

0
10451Puntos

Genial !!! muchas gracias me sirvió 😃 Me podrías comentar qué plugin utilizas para los iconos en tu visual studio.

0
16102Puntos

amigo, tu video esta genial, muy interesante