Join egghead, unlock knowledge.

Want more egghead? It's 45% off for a limited time only!

This lesson is for members. Join us? Get access to all 3,000+ tutorials + a community with expert developers around the world.

Unlock All Content for 45% Off

Already subscribed? Sign In

Save 45% for a limited time.

Get access to all courses and lessons on egghead today.

Autoplay

    Efficiently write HTML and JSX using Emmet

    Tomasz ŁakomyTomasz Łakomy

    Frontend developers tend to write quite a lot of HTML (or JSX). This is why it's important to be able to optimize time spent writing <div></div> manually to use the cognitive resources for more challenging tasks.

    Modern editors such as VS Code have emmet plugin built in which allows us to write HTML structure much faster due to the fact that it allows us to quickly create nested structures, multiple elements, siblings etc. In this lesson we are going to learn how to use emmet to write HTML more efficiently.

    htmlHTML 5
    Code

    Code

    Become a Member to view code

    You must be a Member to view code

    Access all courses and lessons, track your progress, gain confidence and expertise.

    Become a Member
    and unlock code for this lesson
    Discuss

    Discuss