Hello everyone and welcome to Write quicker HTML5 and CSS 3; productivity hacks with emmet. Before we even begin to talk about this course, lets be very clear, this is not a course that teaches HTML and CSS from basics. This course is something that you take after learning HTML and CSS. This course will be a game changer for you. With Emmet you can quickly write a bunch of code, wrap code with new tags, quickly traverse and select important code parts and even more.

Best part is, you will stay at your favorite editor. It might be Coda, sublime text, Atom, brackets or any other. Emmet is just a plugin that saves time.

A lot of students learn HTML and css; in fact they are very good at it. But let’s be honest, we are little lazy to write our code. What if we say that you have to write only a few words and editor will understand everything for you. Make your editor smart with Emmet.

This course will start from teaching the installation of Emmet on almost every popular editor and then we will move to get friendly with productivity hacks with Emmet. We will explore the concepts of creating child's, siblings and climbing up the tree structure to create DOM structure. We will learn the shortcuts for ID’s and Classes. One of my favorite one is Lorem Ipsum text generator. Next comes up the various Doctypes generators. Further we will talk about HTML tag generation.

Next we will move towards CSS and will learn to link the CSS files quickly. Further we will explore the margins, padding and color shortcuts.

At first you will feel like magic and yes it is very magical to write code at such a fast speed. So, enough of talking and let's get productive with emmet.