Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
Looking for a tool to make you a faster and more efficient programmer? Emmet provides a shortcut language for writing HTML, XML, and CSS, based on an abbreviation structure most developers already use that expands into full-fledged HTML markup and CSS rules. Let Ray Villalobos show you how to install the Emmet plugin for your favorite text editor and start using its handy shortcuts for making copies of elements; climbing, grouping, and numbering; matching tags; and even complex CSS3 features like gradients.
(MUSIC). Hey there, this is Ray Villalobos, and welcome to Coding HTML and CSS Faster with Emmet. In this course, I'm going to show you how to work with a package or plugin, you can add to most text editors called Emmet. I'll start by showing you how to install Emmet, and how easy it is to learn since the language is fashioned after CSS selectors. We'll examine how to use abbreviations of different types, how to make copies of elements, and how to use simple and complex expansions to quickly scaffold a bootstrap website. Then, I'll show you how to use Emmet actions to let you number elements, toggle comments and perform powerful text transformations.
Finally, I'll show you how Emmet can also help you write CSS quicker by simplifying the process of generating browser prefixes, and the many shortcuts you can use to write your CSS. If you want to be able to write HTML and CSS code quicker, and with less errors, then you're going to love Emmet. So let's get started with coding HTML and CSS faster with Emmet.
There are currently no FAQs about Coding Faster with Emmet.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.