ATK 303 - Advanced Web Design and Development

Setting Up GitHub and Atom

Browsers

GitHub

What is GitHub? It's predominantly a development platform for managing complex code bases but you can also host web pages on it for FREEEEEEE!

Sign up for GitHub

If you have already set up a GitHub account for a previous class (such as ATK201, ATK301 or ATK302), skip to Create GitHub Repository

  1. Go to https://github.com/
  2. Create an account. The username you put in will be the beginning of your URL, so you can choose a short name - or your full name. It’s up to you.
  3. Choose FREE subscription.
  4. Click submit (you don’t have to fill the extra personal stuff out).
  5. Verify your email address by checking your email.

Create GitHub Repository

A repository is like a folder with a record of its history. This is where you will be storing and sharing your class work.

  1. Go to the main GitHub page: https://github.com/ and make sure you are logged in.
  2. Click on the green "New" button
  3. Type "ATK303" (without the quote marks) under "Repository Name*"
  4. Make sure the "Public" button is selected (your pages won't be visible if you keep them private).
  5. Click the green "Create Repository" button.

Create a test file

  1. In your new repository, click the link "creating a new file" under "Quick setup"
  2. In the "Name your file..." field, type HelloWorld.html
  3. In the "Edit new file" area, type "Hello World!"
  4. Scroll to the bottom and click the green Commit New File button

Publish Repository

You only need to do this once when you first create a new repository!

  1. Click on the Settings tab (with gear) at the top of your repository page.
  2. Scroll down to the GitHub Pages section
  3. Select master branch in the drop down menu
  4. Click on the <>Code tab to get back to the main page of your repository

Check your test file online

Install GitHub Desktop

  1. Go to https://desktop.github.com/
  2. Download and Install GitHub Desktop

Download Your Repository

For this class you will be working on a local copy of your repository on your personal computer, so you need to download it

We will now set up Atom to open and work on the local repository on your machine.

Atom

Atom Packages

Create Atom Project

Commit and Upload Your New File