Downloads
You should make sure your computers have:
- A web browser. Firefox or Chrome are good.
- A text editor for editing code, like VS Code, Atom, or Nova.
- An FTP program, like Cyberduck
- Figma, a collaborative, web-based visual sketching tool
Getting started
For a good general overview:
- Mozzila: 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?
- Interneting is Hard
- Don't Fear the Internet
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.
- Laurel's Video, "Basics of HTML"
- 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
- 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
- CSS Tricks
- Lynda: Searching for "CSS"
Webfonts
JavaScript and jQuery
JavaScript is the programming language of HTML and the web. Interaction with the user, animation, etc., are all done with JavaScript. jQuery is a library, or set of helpful add-ons, to the JavaScript programming language. In general, jQuery is much better at giving you immediate, visual results than regular JavaScript. In this class, it's likely you'll use a mix of basic JavaScript and jQuery.
- Mozilla: JavaScript
- jQuery Basics
- DevTips on YouTube: Learn jQuery in 15 Minutes
- Codecademy: Learn jQuery
- Lynda: Searching for "JavaScript"
- Lynda: Searching for "jQuery"
- Eloquent JavaScript
- JavaScript: The Good Parts
Self Help
If you can describe your code problem in words, you're already halfway there.
Online tools
For isolating, testing, and iterating on pieces of code:
