Join Ray Villalobos for an in-depth discussion in this video Using the exercise files, part of Sass Essential Training.
- [Speaker] This course is also available through GitHub at this URL. In GitHub, you'll see that the project is organized into different branches. Each branch corresponds to a video in the course, and you can code this repo into your local hard drive if you want to follow along. Let's do that in the terminal. To make this easier for myself, I'm going to make sure that I'm on the desktop by issuing a CD tilde slash desktop command. On a PC, you want to be using an application like Git Bash because the Unix commands will be the same as the ones that I'm using right now.
Once you get to the desktop, I'm going to go ahead and issue a git clone command, and then minus B for a specific branch that I want to download, and then here I will put in the chapter name, and then the video number, so this would be 03_01 for the first video in chapter three, and then either a B for how the files are at the beginning of the video, or an E to get the files from what they look like at the end of the video. Now these all refer of course to the different branches in GitHub, you can see them right here, so 03_01B would be this one right here.
You can also use GitHub to navigate directly to this position, and you'll see that these files will reflect what was in chapter three, movie one at the beginning, but let's go ahead and download these to our local environment, now all we need to do is add the GitHub URL, and the easiest way to do this, is to go back into GitHub, and use this link right here to copy that URL to the clipboard, and then we can switch back to our terminal, and paste that, and hit return.
After this, you want to switch to the current directory which is called sassEssentials, and then you want to do an NPM install command, you may have to run the sudo command at the beginning, and you may have to put in your password here. And then once that is done, you can issue the gulp command, which will run the automation, that will automatically process the sass files for you, you'll notice that on the desktop, we have the sassEssentials folder, and we can open that up with our favorite text editor, now I created a special course as a prerequisite for this course, col up and running with Git, and GitHub.
It shows you how to download the different branches for any GitHub project, make sure you watch Up and Running with Git and GitHub if you're not comfortable working with GitHub before watching this course, now finally, if you have access to the exercise files folder, you'll notice that there is a single folder called sassEssentials inside our exercise files folder. It looks very much like what we've just downloaded from GitHub. Go ahead and delete this one, and if we place this one on the desktop, let's go ahead and CD enter that folder, and you'll notice that this folder has all the branches from the project inside that folder.
Now if you're familiar with Git, you can load up any branch you want directly from this folder. For more information, check out the video in this course called "Working with the Automation Template" so now that you know the basics of working with the files through the practice environment, or Git and GitHub, it's time to get going with sassEssential training.
- Working with variables
- Nesting styles
- Creating mixins
- Conditional statements and loops in SassScript
- Extending your mixins
- Working with lists and maps