- [Male Instructor] If you are a premium subscriber, then you have access to the same files that we started with. Simply follow the link on the main course page to download the exercise files folder. I'll be walking with the files here on my desktop, but you can go ahead and place yours wherever you like. It's just a folder called "Exercise Files," and you can rename it to anything you want. In that folder, you'll find all the relevant chapters that correspond to the chapters in this course. Each of the sub chapter folders contains two folders, called Start and Finished.
The Finished folder contains the completed versions of the exercise files in each chapter. The Start folder contains the following, the html files. These are the files that I've been working on from the beginning of each chapter, The js folder containing java script files and libraries, an images folder containing the graphics and image files, a fonts folder containing a few custom font files, and a css folder containing all the necessary css files to style our pages. All of these exercise files are not required.
They're just for convenience only in case you like to follow along. We'll be working mostly with the scripts and html files in the Start folder. What I'll do is, I'll start each chapter with one of these files, and so if you like, you can work along as we build towards the finished state, or you can open your Finished folders and see the completed versions and study the code that way. However you want to work with these files is entirely up to you. And if you don't have access to these exercise files, don't worry. In most cases, you can just pause the video and create your own copy to follow along, or you can just watch and follow along with me.
It's fine too. Alright, so if you're ready, let's go ahead and get started.
- What is the DOM?
- Working with properties, objects, and methods
- Traversing the DOM tree
- Selecting content in the DOM with jQuery
- Updating the DOM tree with jQuery or AngularJS
- Making live updates for content
- Understanding React's virtual DOM approach