GitHub Procedure

GitHub is an online, open source collaboration platform. It essentially stores files and folders in a cloud-based server system, sort of like Dropbox. Unlike Dropbox, you must manually sync any changes you make to the file and folders that are shared among your collaborators.

Here is what you should do when you want to make a change to the your personal GitHub files for this class:

  1. Make sure your branch is set to gh-pages
  2. Press Sync
  3. Make changes to your files
  4. Check to make sure the changes in red and green are what you did.
  5. Fill out the Commit title and description
  6. Press Commit
  7. Press Sync

Codecademy Screenshot Process

When you complete a track on Codecademy, here is the screenshot process:

  • Take a screenshot of the course track page, which should have a “finished” button, and your account avatar should be visible in the top right corner:
    Screen Shot 2015-09-08 at 11.03.47 PM
  • Follow this naming convention to be counted for a grade: FirstName LastName + Default file name + png. In essence, you type your name right at the beginning of the filename leaving the default file information for the screenshot intact:
    screenshotnaming
  • At the conclusion of the course, go to your Profile, and take a screen shot showing all of the completed courses you’ve done:Screen Shot 2015-09-08 at 11.03.30 PM

Most likely, you will have partially completed tracks (such as the JavaScript track). That is ok, but there will be a specific % that will be considered complete for that course, meaning that instead of the track progress saying “Finished”, it will say a %. I’ll update you with that exact % amount for the relevant courses towards the end of the semester.

GitHub setup procedure

  1. Create a GitHub account by going to github.com
  2. Download GitHub for Mac (or PC) and sign into the app using the account you just created. You need Mac OSX 10.8 or above. If you don’t have 10.8 or above let’s talk.
  3. Email me (doshio@newschool.edu) your username so I can add you to the class organization.
  4. Once added, follow the instructions in your email. Click on “webdesignbasics” repository.
  5. Change branches from “master” to “gh-pages” and click “Clone to Desktop.” Save to your desktop or a designated folder you have for school work.
    Screen Shot 2015-09-03 at 10.29.07 PM 
      Screen Shot 2015-09-03 at 10.35.30 PM