Emmet = Faster HTML & CSS Workflow!

In this video, I'm going to give you a quick crash course into using Emmet. Emmet allows you to dramatically speed up your HTML & CSS workflow! In a single line using Emmet's abbreviation syntax, you can save yourself from writing hundreds of characters and multiple lines of code. We will cover the basics including siblings, nesting, multiplication, grouping, and much more.

Emmet is built into Visual Studio Code (VS Code), but it is not exclusive to VS Code. It can be used with Sublime Text, Atom, and many other popular code editors. Visit the link to Emmet's website to download it for your editor.

Emmet:

Emmet Cheat Sheet:

Timestamps:
00:00 - Introduction to Emmet
01:00 - HTML Boilerplate
01:35 - Basic Tags
02:25 - Classes
03:03 - Id's
03:24 - Content
03:41 - Siblings
03:57 - Nesting
05:05 - Climb Up
06:02 - Grouping
07:02 - Multiplication
07:22 - Numbering
08:45 - Attributes
09:36 - Implicit Tags
10:37 - Forms & Inputs
11:26 - Lorem Ipsum
12:15 - Advanced Structures
12:50 - CSS Abbreviations
16:21 - Custom Emmet Snippets
_____________________________________

📚 Learn to CODE in just a FEW months here:
_____________________________________

🛠️ Tools I use:

_____________________________________

💖 Show support!
_____________________________________

Watch Next:
_____________________________________

Connect With Me:
_____________________________________

** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.

#codeSTACKr #Emmet #learntocode

[codeSTACKr]

Thanks for all of the support!!
Next up Learn Sass in 30 Minutes:

📚 My Favorite Web Design Books 📚
Web Design with HTML, CSS, JavaScript and jQuery Set by Jon Duckett (paid link)

[Xx-Anwar-xX]

this guy needs way more subscribers . he is straight to the point, gives you only what you need, a great teacher, some guys basically just read through the code as they type without explaining anything . this channel is a gold mine for any beginner who is looking to get into front end dev .

[mfifa]

The best and most detailed Emmet tutorial so far !

[legionermk]

Extremely useful. Typical example of "easy to understand" when someone knows how to transfer his/her knowledge. Thank you

[thelonercoder]

I've been coding for 8+ months now and had no idea how powerful Emmet was until this lol. Great video.

[SaimKhan-xjum]

Bro keep them coming, your channel is gonna be a rock star in 2020😎 .Great content 👍

[lotfiouldadda]

Subed and can’t stop watching your vids honestly i watched many youtubers but no one is even closer than you i mean you go straight to the point you dont waste much time with long ass intro or any other shit that they do nowadays this video is 20min long and it’s worth it so much info i stared to work with emmet and im liking it a lot thank for your sharing man we all appreciate it very much

[.squash.]

Oh my God!
I can't bro 😭😭
This is just heavenly content out here
I remember whenever I used to see Tutorials using Emmet I always found myself dumb to understand that
But after this video I was just coding along with you and boom 💥🤯💥
Thanks a ton😇

[jored]

I used to be so intimidated by emmet, and resorted to using compiled tools like Pug to write html quickly in my projects. This video showed me how similar it is to write compared to Pug. Will definitely be trying it in my next project!

[MultiShahem]

Man you're #1 in web developing vids keep it up

[vishwanath-ts]

Now I can code more efficiently from this video, I immediately subscribed!!👍🏻

Love from India 🇮🇳

[ProgrammingwithPeter]

When I first discovered emmet, I was like omg, why i didn't use this earlier!

[guitarherozzz]

Fascinating, thanks for the information man! I will start using this.

[abdurahimgiyosiddinov]

ooh my God this is insane...so many tricks going on here haha i'm not sure i can remember them all and use them

[knightingirl]

Thanks for this video. I wish I could like more than once

[sabarishreddyrj]

OMG, that's awesome and you are ✨. Thanks for this insightful tutorial.

[webr]

I feel so dumb for not knowing the lorem emmet, usually I'd search for the text on google LMAO. Apparently still a lot to learn

[BelgianDaSeeD]

Top video, thanks for the presentation.

[joshuaoloton]

This is crazy.. Can't watch it all at once

[NickReisenauer]

Great video! How'd you do the timestamps in the video player like that?