etmoore/2015week1

Repository for Spring 2015 Ignition curriculum and assignments

Ignition 2015 Week 1

Repository for the first Week of Spring 2015 Ignition curriculum and assignments

Week 1: Intro to HTML/CSS and Git/GitHub

Section 1: The Front End

Required - Answer these questions in the deliverables file, and complete the following.

• What is the role of HTML in a web page?
• What is the role of CSS in a web page?
• What is the role of Javascript in a web page?
• Read the main description from the Odin Project
• 10 minutes video about browser developer tools
• Optional - read if you want
• Interview with Nick Schaden

---

Section 2: HTML and CSS 101

Required - Answer these questions in the deliverables file, and complete the following.

• Why do we separate HTML and CSS?

HTML

• What are classes and IDs (and how are they different)?
• What are elements?
• What are tags?
• What are attributes?
• What are forms?
• What is a div?

CSS

• What are selectors?

• What are properties?

• What are values?

• How do CSS styles for a particular element get inherited? ie. how does an element get its "default" styles?

• What are two CSS attributes you can change to push an element around on the page?

• What are the three different ways to include CSS in your project or use CSS to style a particular element?

• Complete the Codecademy HTML/CSS track.

Watch this Code Player Walkthrough of how to build the Android Logo. Make the android logo look like the following image (as close to as possible) by tweaking the code yourself on the linked to page:

Hints (click to go to the hint)

• Blue?
• Eyes?
• Antennas?
• Missing Leg?

Watch this Treehouse video on forms at 1.5-2x speed.

Reference Materials

HTML Dog HTML Beginner Tutorial HTML Dog CSS Beginner Tutorial HTML Dog CSS Intermediate Tutorial OverAPI's HTML Cheat Sheet OverAPI's CSS Cheat Sheet

Optional - do if you want

Getting Started with jQuery Mobile Code School Discover Dev-tools

---

Section 3: Git and Github

Required - Answer these questions in the deliverables file, and complete the following.

• What is Git?
• What is SCM?
• What is a VCS?
• Why is Git useful for a developer?
• Why is Git useful for a team of developers?
• How do you create a new Git repository for a project locally?
• How do you create it on Github?
• How do you commit changes?
• What is the difference between staging and committing changes?
• What is the difference between committing your changes and pushing them to Github?
• What is the command to check the status of your current repo in git?
• What is the command to see the history of your previous commits (from the command line)? What are a few interesting variations (sets of options)?
• How can you look through your historical commits on the Github website?
• What is a "Merge"?
• What is a "Pull Request"?
• What is "Forking" a repo?
• What is "Cloning" a repo?

Git Basics Videos

• What is VCS?
• What is Git?
• Get Going?
• The Basics of Git and GitHub
• Try Git exercises
• Git Branching Game - Lesson 1

Android Logo Hints

https://gist.github.com/anonymous/a037dd6de0a9ab39953e https://gist.github.com/anonymous/75aa5a1c057efee15099 https://gist.github.com/anonymous/9b4ce24491995160d6a2 https://gist.github.com/anonymous/1186aea06885fa7548d6