Emmet in Visual Studio Code: Accelerate your HTML workflow
What you'll learn
- Be more productive in writing HTML code. Type it fast and efficiently
- Type and customize Emmet Abbreviations: from very simple to complex
- Use Emmet's commands
Requirements
- The only requirement is to have a basic knowledge of HTML. If you know what the tag is and how to type it, you are good to go
Description
What's this course about?
In this course you will learn how to be very productive in writing your html code. For that purpose we will use Emmet. The code editor for the course is Visual Studio Code (although you can use any code editor that supports Emmet).
More details please!
If you have never heard of Emmet before, it is a special plugin that allows you to type html "on steroids". VS Code comes bundled with it so you can use it straight out of the box. The sole purpose of the plugin is to allow you to type html in a fast and efficient way, saving a tone of time. You type a small abbreviation and in a second it expands into a big table, list, complete form or whatever html structure you can think of.
Emmet comes prepacked with a lot of features. In this course we will talk about every feature that could benefit your html workflow. We will start from the very basics. I will show you its core features. Then we will explore some useful commands that it offers. I have also provided assignments for the course so that you could practice and better memorise Emmet’s features.
If you still write html the old way this course will probably change it. Let’s get started!
What should you know to take the course?
Very basic HTML knowledge would be enough
What's inside?
Expand abbreviation
Ids and Classes
Nesting elements
Sibling elements
Multiplication
Dummy text (lorem ipsum)
Climbing top in abbreviations
Grouping abbreviations
Attributes
Numbering elements
Wrap with abbreviation
Wrap individual lines with abbreviation
Update tag
Remove tag
Go to matching pair
Merge and evaluate
Assignments to test your knowledge of Emmet's features
Who is teaching you?
My name is Sergey Shtyrlov. I'm a frontend developer. I've been working with HTML and CSS on a daily basis for almost 7 years and continue doing it today. If you still write HTML without Emmet, you are wasting a lot of time!
Who this course is for:
- You want to be more productive writing HTML code
- You do a lot of HTML work and never heard of Emmet
- You are new to web development and already write some HTML
Instructor
- 4.4 Instructor Rating
- 271 Reviews
- 8,231 Students
- 2 Courses
My name is Sergey. I'am a self-taught frontend developer.
Starting at the age of 16 I was very interested in how the web works and how the websites were constructed. From that very moment I understood that tinkering with web technologies would be both my hobby and work. I've started learning and keep doing it nowadays.
My main point of interest is a front end development, animations and beautiful UIs. Most of my career I've been doing a lot of HTML and CSS stuff, worked on different companies and did a freelance work. Back in the days I also had much interest in working with Adobe Flash, published my own animation course and wrote some articles for the Smashing Magazine.
Today I continue working, learning and share with people the knowledge I've got.