Author
Released
3/22/2021Skill Level Advanced
Duration
Views
- [Emily] Who doesn't want to be faster and more efficient at writing code? You can cut your development time significantly by learning Emmet, which is a productivity plugin and enhancement for almost all IDEs. The central concept of Emmet is that it provides improved workflow, with enhanced high-speed coding for web developers who work primarily with HTML and CSS. Once you master this way of writing code, you will be able to build out all sorts of webpages at supersonic speed. There are so many awesome features in Emmet, I can't wait to show them to you, and to help you to become faster and better at coding. My name is Emily Kay. I've been designing and developing websites for decades, as well as sharing my passion with web development with thousands of students. I love to teach others how to design and code better and be faster. Emmet is my number one development productivity hack. Once you know it, you will feel like a powerful coding wizard, with lightning quick coding techniques at your fingertips. You will love it, and your boss will love you, so let's jump into it and begin to code at turbo speed. Be more efficient, and be more productive.
-
Introduction
-
Emmet speeds up your work1m 11s
-
What you should know1m 29s
-
Exercise files2m 49s
-
-
1. Getting Started with Emmet
-
What is Emmet?3m 2s
-
Installing Emmet4m 20s
-
-
2. Get Up and Running with Emmet
-
Overview of how Emmet works2m 10s
-
Basic Emmet syntax2m 10s
-
Understanding selectors2m 54s
-
Generating DOCTYPEs2m 12s
-
Customizing Emmet3m 53s
-
-
3. Emmet Fundamentals
-
ID and class selectors3m 2s
-
Replication3m 9s
-
Adding lorem ipsum3m 1s
-
-
4. Emmet and HTML
-
Comments3m 6s
-
Numbering5m 25s
-
Adding attributes6m 42s
-
HTML5 semantic tags6m 36s
-
Building forms8m 30s
-
Time-saving actions6m 47s
-
Filters4m 14s
-
-
5. Emmet and CSS
-
Emmet and CSS3m 45s
-
Incorporating values6m 55s
-
Multiple values4m 7s
-
Gradients4m 5s
-
Animation4m 10s
-
CSS reflect value1m 58s
-
CSS flexbox5m 13s
-
-
6. Emmet and Visual Studio Code
-
Emmet in VSC problems4m 6s
-
7. Emmet Challenge
-
Challenge solution5m 7s
-
Conclusion
-
Next steps1m 15s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Emmet speeds up your work