Lectures

HTML Refresh
Letterform Construction
jQuery Basics

Exercises

exercise: Github
exercise: Spreadsheet Typeface

Files

Simple Letterform
Complex Letterform
jQuery Events
jQuery CSS Class Swap
jQuery Typing

Basics

For code editing, we will use Sublime Text.
For website hosting, we will use Github Pages.
For code learning, we will use Codecademy.

CSS

FlexBox
FlexBox Example
Bootstrap
The Shapes of CSS
CSS Animations
Clippy CSS
animate.css
Nav Bars

jsFiddles

Click a button and toggle
Mouseenter, mouseleave and Hover
Scrolling
Keypress
Adding and Removing Classes
Draggable div

Troubleshooting

If you find yourself stuck while writing code, remember to be patient. If you haven't already, try breaking your problem down into smaller, more manageable parts. Search Google or Stack Overflow for how to solve those parts, one at a time. Remember that most of the time you spend writing code will be fixing bugs. (And sometimes bugs will allow you to discover something new you haven't ever seen before!)

However, if you reach a point in which you absolutely need help and must ask another human, please considerately phrase your code question in the form of a jsFiddle. (To do this, type your code in the appropriate boxes and press "Run". Once it looks right, press "Save". Copy and paste the URL at the top.) In an email, explain everything you know so far about the problem and paste the link to the jsFiddle.

More

Terminology
MIT Code Lectures
Eloquent Javascript
Getting Git Right
Unix for Mac OS X Users
Open Source Web Fonts
Copy Paste Character
A History of Internet Art
Devdocs

At CCA

CCA's Learning Resource Center
CCA Cares

Sister classes

Interactive 2 by Will Ruby, CCA

Today is Sunday, the current time is 1571608516