Learn Emmet In 15 Minutes - Double Your HTML Coding Speed

🚨 IMPORTANT:

Use code KYLE for an additional $50

Emmet is an incredibly powerful tool that allows me to write HTML and CSS at least twice as fast as I could before. Emmet is full of snippets for HTML and CSS which allow you to write a small line of code that will generate a bunch of HTML or CSS based on the Emmet code you wrote. It is built into VSCode and is something that you have most likely used without even realizing it. In this video I go in depth into how you can use Emmet and all the different snippets and syntax that you need to know.

📚 Materials/References:

🧠 Concepts Covered:

- What Emmet is
- How to use Emmet
- The most important concepts in Emmet
- How to use Emmet in CSS

🌎 Find Me Here:

#WebDevelopment #WDS #Emmet

[kajkajajkaa]

Hello to fellow Odin Project students 👋🏼😉

Fantastic video, thank you for the super clear and thorough explanation!

[andrewdutson]

Here from The Odin Project, great information and detailed explanation on the in and outs of Emmet. Thank you! :)

[odilsoncode]

Hello from Odin, I've been using Emmet for so long without even knowing it. Thank you for your video, it's very clear💯

[timemmanson]

From the Odin Project. Hello to my fellow students.

Nice job. Crystal clear explanation!

[francesboy]

My face lit up when you started showing off how we could shorthand classes and divs etc, this is such a time saver and is really exciting

[Bitrey]

I thought the title was exaggerated, but man, this will TRIPLE my speed at writing HTML! Thanks for this awesome tutorial!

[bmind]

(Grouping) vs using the ^ is gold!!!! thank you so much Kyle another solid video!

[ldt_]

I started using VSCode because of you, I even converted my boss from using VIM that has never used any IDE or graphical editor to use this. Now you're showing me yet another trick in VSCode that I didn't know about. Thanks for this.

[tech_ashwinikumar]

notes:
Emmet shortcuts
. class
# div
[] attributes
{} values inside divs
$ to give numbering, $$ to 0 padd
.abc*5{item number $}
div*5 = show 5 divs
+ for sibling e.g header+main+footer
or (header>nav)+main+footer
form:post (to create forms)


Inside css
position
bg (background)
bgc (background color)
w10 or w10em or w10% (width of 10 px etc)

[aydanwessels]

If you hit Ctrl + i, you can trigger VS Code to suggest an Emmet snippet. If you're building a snippet and aren't getting a trigger, this will do it for you. 🙂

[vampbat]

So happy to see other Odin students here! I looked up a few of your videos early on to learn JS when I found I needed an alternate teaching style to a few video tutorials the course recommended. Thank you so much for your content! Happy they officially linked you (finally)!

[richiedon]

infact, as a beginner i have decided to stop watching all other tutorials. you make things simply to my understanding. thank you

[RichardJNeo]

This is the single greatest thing I’ve learned so far, I hated doing all that stuff!! This makes me so happy!!

[craigburton]

The best (and most really powerful) Emmet tutorial I have seen. Love your channel

[deemon]

THIS! This is the kinda stuff I know VC can do but it's a pain to find and get used to. Thank you not just for teaching it, but for demonstrating it as well. 🙏

[adicide]

dude, I'm actually switching to JS from Java partly thanks to your vids!!! Super psyched.

[ushadesai]

You are so generous. Thanks, learnt a lot about how powerful is Emmet!

[KamomeGakuen]

i've seen so many videos like this that are so boring that i can't retain anything, thanks for making one that's really clean and straightforward and easy to follow. most painless tutorial video i've seen in awhile

[MythicalMaestro]

I hate I didn't know about this channel back then when I started learning code.
This is Scam videos!!
It didn't make me type HTML 2 times faster, but 5 times faster!!!
Thank you for making this tutorial. Subscribed!!!

[franciscojavierruizhernand]

Jajaja, I'm seeing this video because I'm learning in The Odin Project and I found many people that is learning too, it's a pleasure.