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 Emmets features. If you still write html the old way this course will probably change it. Lets get started! What should you know to take the course?Very basic HTML knowledge would be enoughWhat’s inside?Expand abbreviationIds and ClassesNesting elementsSibling elementsMultiplicationDummy text (lorem ipsum)Climbing top in abbreviationsGrouping abbreviationsAttributesNumbering elementsWrap with abbreviationWrap individual lines with abbreviationUpdate tagRemove tagGo to matching pairMerge and evaluateAssignments to test your knowledge of Emmet’s featuresWho 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!
