1-Sample Project

Video

Getting the Sample Code

IMPORTANT: You will have TWO SEPARATE PROJECTS: the sample code and your own project. The sample code is exactly what it sounds like, a sample or a reference. IT IS NOT MEANT TO BE A TEMPLATE! If you have any issues after cloning and downloading the sample, just give us a heads up.

Steps

1. CD into a directory that isn't already a git repository and is a place you store projects. You might have a folder specifically for your class, I would suggest going there. You don't have to create a project folder, because the next step will do that for you.

2. Copy the following command and paste it into the terminal window:

   git clone https://github.com/ElevenFiftyAcademy/JavaScript-151-PortfolioStarter.git

3. Congratulations! You have successfully cloned the sample project and have access to the code.

4. When you ran the command and cloned the project, it created a folder for you, so you don't have to create a folder for the project yourself.

5. You're currently on something called the master branch, but more on that later.

6. Open the project in Visual Studio Code, either directly from the command line or file explorer.

7. In VS Code, press Control` to open a terminal window (ctrl + backtick, top left corner below escape).

8. Run dir or ls (l as in llama) to check that package.json is listed in your current directory. Cd into the right directory

   JavaScript-151-PortfolioStarter if it isn't there.

9. Run the following command in your window to install a few packages you will need:

   npm install -g gulp-cli

   npm install

   Note: you may receive some yellow warnings during installation. Most of the time, nothing is breaking and

   you can continue.

10. As a result of the installation, you should have a new folder: node_modules. You WILL NOT be touching this folder.

    

11. Run the following command to see a starter project show up in the browser window:

    gulp dev

    If you are having problems, put a request in the Help Queue ASAP.

12. Again, please remember this is a project to get you started. It is not complete and should not be used as

    a template.