Week 1

Homework: Whales!

Your homework for Tuesday 7/28 is to create an HTML file that looks like the picture above. The homework is posted in Slack, for your reference. Some things to remember:

• Do your work in the GitHub repo we've been working in during class
• Your work for this assignment should be in a file called homework-1.html
• Don't worry about submitting via GitHub. Just make sure the HTML is done and we'll submit together on Tuesday

Resources

• MDN has a great reference of all the HTML tags used on the web

  Here's some HTML tags you'll probably use a lot:

  • p (paragraph)
  • h1 - h6 (headers)
  • div (division)
  • a (anchor)
  • img (image)
  • ul (unordered list)
  • li (list item)
  Christine GitHub
• HTML Colors
• W3C CSS Properties Table
• CSS Tricks

Getting Started:

• Sign up for GitHub (and verify Email address!!)
• Download Atom
• Download GitHub for Mac (or Windows)
• Create a repository with GitHub
• Open your repository folder with Atom
• Create a file (Command + N) and save it (Command + S) as "index.html"
• Make your first commit!
• Sync your commit to GitHub
• Create a new branch called "gh-pages" and sync it to GitHub
• See your page at http://{ your user name }.github.io/{ your repository name }/ for example: http://avand.github.io/fewd-30/ Danaan GitHub

A good developer starts her day by...

• Open GitHub. Make sure you start clean... Discard any bad changes!
• Open Atom and then open the project folder you are working on.
• Open up Chrome. It's where you'll see your work. You'll probably want to open the page you're working on too.
• Arrange your windows in a way that will minimize fussing. Try making Atom side by side with Chrome maybe.