From the course: Emmet: Fast and Efficient Web Coding

Exercise files

From the course: Emmet: Fast and Efficient Web Coding

Start my 1-month free trial

Exercise files

- [Instructor] You can follow along with this course using the provided exercise files. Just download the ZIP file and extract the folder to the location of your choice, I extracted my copy here on the desktop for easy access. You'll see that the exercise files are organized by chapter and by lessons. I did this to make it easy for you to follow along with the videos. Keep in mind that not every chapter has exercise files. If you look inside any of the lesson folders that I've provided, there's generally a start and a finish file. In this way, you can start working on the start file since sometimes I will be giving you some pre-coded webpages to work from. The finished file is going to contain all of the elements that I teach you throughout the videos. It is worth noting, that I've also provided an Emmet cheat sheet file for you to reference. This is an extensive list of many of the Emmett shortcuts that we're using throughout this course. If you look inside the editor, you can see what I've done. As I mentioned, I'll generally have a start file, which is just going to be the starting code for whatever particular lesson we're working on. If you compare this to the finished file the finished file is going to contain all of the flushed out code that we've created. I've also included comments that have the Emmett snippet that is used to generate this block of code. Hopefully this will make it easy for you to reference the Emmet snippets that I'm using in case you run into any trouble. It is worth noting that when we get to the CSS portion of the course, I've done things a little bit differently. The final file is going to be called base.CSS and the start file is called base_start.CSS. The reason I did it this way is because generally, I'm linking to the base.CSS file from my HTML. If we take a look at the start file it may already have some existing code. It is worth noting, but occasionally I will list as an in-line comment, the Emmet snippet that I've used for that particular line of code. I may have empty selectors that are waiting for you to generate the code. If we jump into the base.CSS file, which is my final file, you'll see that I have those same selectors but now they contain the CSS rules. I have included as comments, the Emmett snippet that I used to generate this rendered bit of code. In addition to these files, the exercise files may contain images that are relevant to that particular lesson. Now that you understand the ins and outs of how I set up the exercise files, let's jump in and start building out some webpages at hyper speed.

Contents