# Resources
This page will be updated with resources as the class progresses.
# Self Help
If you can describe your problem in words, you're already halfway there.
# Getting started
For a good general overview:
- Mozilla: Getting started with the web: Dealing with files
- Mozilla: So what is HTML, really?
- Mozilla: So what is CSS, really?
- Mozilla: So what is JavaScript, really?
# Basic Git
# What to do when you're ready save your work and update your remote Github Repo:
#0. always check the status of your work in between EVERY step.
git status
# 1. Add all your work to stage it.
git add .
# 2. Commit your work.
git commit -m"a great message about what you did"
# 3. Push to your Github (it will automatically update your website too!)
git push origin master
- Git Explorer
- My one and only
gitresource to find any command
- My one and only
# HTML
HTML stands for Hypertext Markup Language. It's used to structure a webpage and its content. HTML is not a programming language, but a markup language.
- Mozilla: HTML
- Shay Howe: Building Your First Web Page
- Shay Howe: Getting to Know HTML
- W3C HTML Validator
- Lynda: HTML Essential Training
# CSS
- CSS stands for Cascading Style Sheets. It's a series of rules used to style a webpage. Like HTML, - CSS is not really a programming language—it's a style sheet language.
- Mozilla: CSS
- Shay Howe: Getting to Know CSS
- CSS Specificity
- The CSS Cascade
- Shay Howe: Opening the Box Model
- The Shapes of CSS
- Learn Layout
- DevTips on YouTube: CSS Basics
- DevTips on YouTube: CSS Positioning, Part 1
- DevTips on YouTube: CSS Positioning, Part 2
- Flexbox in 5 Minutes
- Flexbox Froggy
- Wes Bos's Grid Tutorial
- Wes Bos's Grid Tutorial
- Sarah Drasner Grid Generator Tool
- Grid Garden game
- CSS Tricks
- Cris Coyier of CSS Tricks Tutorials
- Lynda: Searching for "CSS"
- CSS Web-Design Tips
- More web design tips
# JavaScript
- Wes Bos's JavaScript 30 Tutorials (free)
- Array Explorer Tool
- Array Method article
- HTML DOM - manipulate HTML with vanilla JavaScript lookup
- Youtube Channels with JavaScript Tutorials:
# Webfonts
- Open Source Web Fonts
- Font Squirrel Webfont Generator
- Type Sample
- Google Fonts
- Web Typography Tips
- Type Wolf type blog
# Debugging
# Online tools
For isolating, testing, and iterating on pieces of code:
# General
# Lynda.com: HTML, CSS & JavaScript Essential Training
Recommended:
- Lynda: HTML Essential Training
- Lynda: Searching for "CSS"
- Lynda: Searching for "JavaScript"
- Lynda: Searching for "jQuery"
- Lynda: Learning Git and GitHub
- Lynda: UNIX for Mac OS X Users
# Philosphy of Code
# Daily/Weekly Design & Code Email Newsletters
...and more to come!