Faster with Emmet

Write multiple lines of code using just a few characters thanks to Emmet.

23 lessons0.9 hours
Faster with Emmet

Emmet will make your life easierwrite a ton of code in a single line.

Emmet is an indispensible tool that will speed up your development. With just a single line of code, you can write 10x lines of code.

Using Emmetwill make you a faster developer.

Video Preview

What You'll Learn

  • How to use Emmet
  • How to create large templates with a single line of code
  • Shortcuts for working with HTML
  • Shortcuts for working with CSS
  • How to use Emmet with React
  • Tips and tricks to use in your daily workflow

Course Content

23 lessons0.9 hours

Getting Started

11 minutes
Intro
What is Emmet?
Installation
Cheat Sheet
Emmet Basics

Essentials

26 minutes
Classes and IDs
Nesting and Children
Siblings
Multiplication
Grouping
Climbing Up
Adding Text
Numbering
Attributes
Extras
CSS

JavaScript

10 minutes
Wrap with Abbreviation
Update Tags
Tag Balancing
Multiple Cursors
Non-HTML Files

Conclusion

8 minutes
All Together
Thanks!