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

https://s3-eu-west-1.amazonaws.com/teaching-programming/TopFiveMistakesWhenProgramming.png

Overview

Our goal this week is to get build a website and publish it to the web. In order to accomplish that goal we'll first need to setup a github account. If we have time, we'll setup our developer environment and link it to our github account for maximum developer points.

Here's what we'll be doing:

-Signing up for github and learning about git

-Forking and publishing our first project on github

-Overview of basic HTML concepts

-Overview of CSS concepts

maybe we will setup our dev environments if we have time*

Signing up for GitHub!

1. 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!

2. What is git?

• Version Control Software
• Web Based
• Open Source
• Fun Fact, GitHub uses Github to manage GitHub

Lets Fork our first project on Github!

What does it mean to fork?

"A fork is a copy of a repository. Forking a repository allows you to freely experiment with changes without affecting the original project. Most commonly, forks are used to either propose changes to someone else's project or to use someone else's project as a starting point for your own idea."

What are fork-n-go projects? http://jlord.us/sheetsee.js/docs/fork-n-go.html

Lets fork this project! https://github.com/jlord/hello

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!