Faster Coding with Emmet by Chris on Code

Faster Coding with Emmet


Speed up your coding by a LOT with Emmet, a shortcut tool to write a ton of code in a single line.

This is a free course that gives us skills needed to make us faster developers.

What is Emmet?

Emmet.io is a coding tool for our text editors that makes writing HTML and CSS wayyyyy faster.

Here's an example of how we can build out a card with just a single line of Emmet.

What's included?

Video Icon 23 videos

Contents

Getting Started
Intro
2 mins
What is Emmet?
3 mins
How do I get Emmet?
4 mins
Emmet Cheatsheet
2 mins
Basic Emmet Elements
4 mins
Essentials
Classes and IDs
3 mins
Nesting and Children
2 mins
Siblings
2 mins
Multiplication
2 mins
Grouping
4 mins
Climbing Up
3 mins
Adding Text
2 mins
Numbering
4 mins
Attributes
3 mins
Extras
2 mins
CSS
4 mins
Using VS Code w/ JavaScript
Wrap with Abbreviation
3 mins
Update Tag
2 mins
Tag Balancing
3 mins
Multiple Cursors
1 min
Emmet in Non-HTML Files
3 mins
Conclusion
All Together Now
9 mins
Thanks for watching!
1 min