Lesson 3

This Lesson’s Focus: Learn Web Developer Tools for First Project

• Learn The Terminal / The Command Line
  • navigating in the terminal (pwd, cd, .., ls)
  • local path - where one file is in relation to another
  • absolute path - where one file is in relation to the home directory
• Learn How to use Git in the Command Line
• continue: Learning HTML/CSS
  • html structure
  • linking external style sheets to your html
  • more advanced CSS concepts
• Learn How to use Chrome’s Development Tools
• Setup Cat Project

At CoderGirl

• Show Off - Portfolio Projects that you worked on in last week’s assignment
• Quick Talk: Intro to the Terminal
  • Watch Video
• Quick Talk: Git and the Terminal
  • Read Git Tutorial Getting Started
• Practice Using Git
  • Portfolio Project: add, push and commit first assignment
  • Cat Project: fork, clone, link stylesheet

Course Work

Assignment: Keep Learning HTML/CSS

Do: Keep taking the Khan Academy class until you have finished the whole path:
Khan Academy - HTML/CSS

Assignment: Learn How To Use Chrome DevTools

Do: Take the First Level (Elements) of CodeSchool course on Chrome DevTools… (the other levels you will not need until you start learning Javascript):
CodeSchool Discover DevTools

Assignment: Learn More About the Terminal (Mac) or Command Prompt (Windows)

Read: These articles should help you understand a little more about what the terminal/command prompt can do and how you can use it.
Read For Mac
Read For Windows

Assignment: Review Git Commands to Use on Your Project

Read: These articles should help you understand a little more about git and how you can use it for you cat project. Read both the Getting Started section AND the Collaborating Section. You won’t use all of these commands right away, but it is good to be aware of them. Your goal should be to get a good understanding of how to use status, add, commit, pull, push and maybe rebase.
Git Tutorial - Atlassian

Assignment: Need More Work? Want to Practice More HTML/CSS

Do: Start working on your Cat Project!

1) Fork & Clone this project from GitHub:
GitHub Cat Project
Fork Instructions - go to the Github project you want to Fork and in the top right corner of the page, click Fork.
Clone Instructions - how to clone

2) Code the HTML and CSS - The design files are located in your project file (find the design folder in web_group_project_1 repo on your computer) or you can view them here on GoogleDrive. Make sure you start with the Desktop Version. We will be learning responsive design later to code the mobile version.

Home