In the first Code Clinic Exercise, for example, you'll notice that I have a folder called 01_01-01_03. The same files are used for the first three movies. If a folder has an underscore begin, like 01_04_begin, it means that it is how the files looked at the beginning of the video. Of course that means, that if you see an underscore end at the end of a name, that's how the files looked at the end of the video. If, however, the folders are only number like the rest of these, it means that they have a copy of the files at the end of each one of these movies.
Inside each one of these folders, you'll see a development folder. Inside is the code that you would upload to a server. Now bear in mind, that a lot of these projects are using AJAX and other advanced techniques, that may require that you run a server. Some of these files will not work if you just open them in your Code Editor. Now, if you're comfortable with Git, then you can use the copy of the folder called CodeClinicJS Master. It has the finished version of the project, but it also has a version of what the project looked at the end of each video stored as branches.
It also has the code to run the local server on your machine. It's the easiest way to navigate through the different projects. You can copy this folder to your Desktop. Then, open it up, in your terminal application or Git Bash on a PC. You can see the branches for the different movies if you run the Git Branch command. You can check out any of the branches using the git checkout -f and then the branch name.
- f option, will ignore any changes that you've made and take you directly to how our project looked at the end of the video. Chapters are sequential, so if you want to go to how the project looked at the beginning of a video, just check out the previous branch. Let's go back to the last chapter in the first problem. That will be 01-09. I'm going to go ahead and run the gulp command. This will execute and run a local server. Once the life server is running, you can hide the terminal window, and pull up the folder in your favorite text editor.
In the built folder, you'll find the development folder with the main files for this project. If we change something in this project ... let me undo that change. If you're a monthly member of Lynda.com, you don't have access to the Exercise Files folder. You can follow along using the GitHub project. In GitHub, you can go to the branch popup right here, switch to any branch you want to take a look at, and navigate to any file you want to preview.
If you need help learning how to work with Git, then check out Git Essential Training with Kevin Skoglund.
Visit other courses in the series to see how to solve the exact same challenges in languages like C++, C#, Java, PHP, Python, R, Ruby, and Swift.