Class 1: Welcome, and code!

Feb 14, 2015

The Plan

Lecture: Intros, Syllabus, and whatnot

Hi!
Teaching Approach
- Self teaching, tutorials
- Pair programming
- Importance of workflow
Syllabus and stuff
- Course site, what we’ll cover
- Tasks and Assignments
- Grading

Exercise: Hack!

Download this. We’ll get started together, then I’ll pair you up and you’ll hack away.

Break!

Lecture: Front-end Design

What does it mean to design in code, and why do it?
A look at Process
Brad Frost’s Pittsburgh Foodbank open redesign.
My process with DiJiFi.

Exercise: Continue hacking

Switch coders

For Next Time…

Readings:

Just - By Brad Frost, e.g. the god of RWD. About learning technical skills, and that everyone feels stupid.
Make your Mockup in Markup - This is an old article (2009?!) but was one of the first about designing in the browser, and still very relevant.
How CSS Selectors Work - Somewhat a review, but take a look.
Shaw Howe (tutorial) - Also a review, but look through the first few lessons and fill in any gaps.

Doings:

Go to the Links page, download various apps, and explore the links.
Continue working in the Welcome files, and maybe use some techniques you learn in the tutorial above.