Learn-To-Code-Week-1

Ground Rules

1. Ask at least one question
2. Help neighbors if you are ahead and they are struggling
3. Ask another question

Overview

Our goal this week is to setup our developer environment and link it to our github account for maximum developer points. We'll also download the Atom text editor and get next weeks curriculum on our computer.

Here's what we'll be doing:

Signing up for github and learning about git

Forking and cloning our first project

Overview of basic HTML concepts

Overview of CSS concepts

Signing up for Github!

Click the green signup button on the top of this page and open it in a new tab. Signup for your github then come back to this tab and refresh your browser account and find your way back to this page!

What is git?

Git is a piece of software that allows you to edit and collaborate on projects regardless of your teams location. With Git, you and your team can all be working on the same codebase without having to worry about who's doing what in which order.

Download Atom https://atom.io/

Mac: Download Homebrew (if you have a mac) http://brew.sh/

Download Git brew install git

Windows: Click "Clone in Desktop" -Follow Prompts to install

Setting up git to work with your github account https://help.github.com/articles/set-up-git/#setting-up-git

Setting up your SSH Keys: https://help.github.com/articles/generating-ssh-keys/

Lets Fork our first project on Github!

Click the fork button on the top right of this page!

Overview of HTML

1. Talk through index.html file a. Tags b. Structure of an HTML page c. Headings, Div's, img's and href's
2. Edit index.html file a. don't be Scared!
3. Write a commit message
4. Commit file

Overview of CSS

1. Talk through style.css file a. Tags VS Classes b. CSS Heirarchy c. inline styling
2. Switch css reference in the index.html page to style.css
3. Change the background color
4. Change the font by finding a google font.

#Questions!