Week 1

Monday, 1/12 | Tuesday, 1/13

• Introductions
• Syllabus
• Class website
• Software and materials
• Overview of terms and technologies
• Are.na, discord
• Look through this collection of handmade website examples + some of my sites
• Hello World

For Next Class

• Make sure you’ve joined the class Discord (let me know if you need the invite link again)

Wednesday, 1/14 | Thursday, 1/15

• HTML Basics Slideshow
• File Management Tips
• HTML basics walkthrough
• Look through w3schools HTML tags
• Introduce Passion (due 2/9 | 2/10)
• Start Work on Passion (part 1)

Optional

• w3schools text formatting
• w3schools block and inline elements

Reading

• Laurel Schwulst, My Website is a Shifting House ... — (pdf)
• Ursula K. Le Guin, A Rant on Technology — (pdf)

For Next Class

• Make a journal entry reflecting on the readings. Hold on to it for now. You’ll add it to your Homepage once we get it up and running.
• Continue working on Passion (part 1)

Week 2

Monday, 1/19 | Tuesday, 1/20

Wednesday, 1/21 | Thursday, 1/22

• CSS Basics Slideshow
• CSS basics walkthrough
• Look through w3schools CSS properties
• Introduce Passion (part 2)

Reading

• J.R. Carpenter, A Handmade Web — (pdf)

Optional

• Check out CSS Diner
• Read through The CSS Cascade

For Next Class

• Make a journal entry reflecting on the reading
• Start work on Passion (part 2)
• Make an account on GitHub

Week 3

Monday, 1/26 | Tuesday, 1/27

• Reading Discussion
• Laurel Schwulst, My Website is a Shifting House ... — (pdf)
• Ursula K. Le Guin, A Rant on Technology — (pdf)
• J.R. Carpenter, A Handmade Web — (pdf)
• Set up Homepages
• Email me the url to your Homepage
• Work on Homepage

For Next Class

• Add your journal entries to your Homepage
• Continue working on Passion (part 2)

Wednesday, 1/28 | Thursday, 1/29

• Homepages continued
• File Paths
• CSS specificity
• View page source, Developer Tools
• Introduce Passion (part 3)

Optional

• Review the w3schools CSS selectors page

For Next Class

• Start working on Passion (part 3)
• Have the 2 variations of your Passion site ready to share on Monday/Tuesday after GDES Review week

Week 4

GDES Reviews

Week 5

Monday, 2/9 | Tuesday, 2/10

• Share Passion
• Introduce Structure (due 2/23 | 2/24)

For Next Class

• Sketch some ideas for Structure
• Go through the Favicon workshop and add your favicon to your Homepage
• Send me your favicon file so I can add it to the community page

Wednesday, 2/11 | Thursday, 2/12

• Making a Boilerplate
• Box Model & box-sizing
• Positioning walkthrough
• Look through w3schools positioning tutorial

Reading

• Parimal Satyal, Against an Increasingly User-Hostile Web — (pdf)

Optional

• Check out Percents in CSS

For Next Class

• Make a journal entry reflecting on the reading
• Continue working on Structure

Week 6

Monday, 2/16 | Tuesday, 2/17

• Flexbox walkthrough

Wednesday, 2/18 | Thursday, 2/19

• Reading Discussion
• Parimal Satyal, Against an Increasingly User-Hostile Web — (pdf)
• Share progress on Structure in small groups
• Studio time

Reading

• Callum Copley - A Friend is Writing — (pdf)

For Next Class

• Make a journal entry reflecting on the reading
• Have Structure ready to share on Monday/Tuesday

Week 7

Monday, 2/23 | Tuesday, 2/24

• Share Structure
• Introduce Screensaver (due 3/4 | 3/5)

For Next Class

• Sketch some ideas for Screensaver

Wednesday, 2/25 | Thursday, 2/26

• Reading Discussion
• Callum Copley - A Friend is Writing — (pdf)
• Animation walkthrough
• Animation example
• Look through w3schools animation tutorial

Optional

• Looking at animation performance

For Next Class

• Keep working on Screensaver

Week 8

Monday, 3/2 | Tuesday, 3/3

• Continue Animation example
• Transitions

For Next Class

• Have Screensaver ready to share on Wednesday/Thursday

Wednesday, 3/4 | Thursday, 3/5

• Share Screensaver
• Introduce Control (due 3/25 | 3/26)

Over the break

• Sketch some ideas for Control

Week 9

Spring Break

Week 10

Monday, 3/16 | Tuesday, 3/17

• Javascript walkthrough

For Next Class

• Midterm grades are due on friday this week. Please make an update to your Homepage before next class with links to the projects we've worked on so far and your journal entries!
• Continue working on Control

Wednesday, 3/18 | Thursday, 3/19

• jQuery walkthrough
• jQuery example
• Other javascript libraries

Reading

• Becca Abbe, The Internet’s Back-to-the-Land Movement — (pdf)

For Next Class

• Make a journal entry reflecting on the reading
• Continue working on Control

Week 11

Monday, 3/23 | Tuesday, 3/24

• Responsiveness exercise
• Responsiveness example

For Next Class

• Have Control ready to share on Wednesday/Thursday

Wednesday, 3/25 | Thursday, 3/26

• Share Control
• Introduce Final (due 4/27 | 4/28)
• Introduce Domain Name Workshop

Reading

• Frank Chimero, The Good Room — (pdf)

For Next Class

• Make a journal entry reflecting on the reading

Week 12

Monday, 3/30 | Tuesday, 3/31

• Finish Control presentations
• CMS and Portfolio info session
• Spend some time surfing the web, add interesting and inspiring sites to the class collection
• Some places to start surfing:
• Gossip’s Web
• Class Collection and are.na in general
• My personal favorite websites channel
• Laurel’s model sites channel
• Elliott’s model sites channel
• Neocities website directory
• Sketch ideas for final

For Next Class

• Make sure to read Frank Chimero’s The Good Room by Wednesday/Thursday

Wednesday, 4/1 | Thursday, 4/2

• Reading Discussion
• Frank Chimero, The Good Room — (pdf)
• Studio Time

Reading

• Suggested re-read: Laurel Schwulst, My Website is a Shifting House...

For Next Class

• Continue working on Final
• Sign up for a 1-on-1 meeting

Week 13

Monday, 4/6 | Tuesday, 4/7

• First group of final prep meetings

Wednesday, 4/8 | Thursday, 4/9

• Second group of final prep meetings

For Next Class

• Continue working on Final
• Prepare for group meetings on Monday/Tuesday next week
• Have a domain name purchased if you intend to join/follow along in the domain name workshop on Wednesday/Thursday next week.

Week 14

Monday, 4/13 | Tuesday, 4/14

• Meet in small groups to share and discuss Final sites


• Share code and techniques you’ve come across through exploration or experimentation.
• Ask for specific feedback and ideas about your project — have a conversation, riff!
• Talk about things you wish the project was able to do, but isn’t able to at the moment — someone may have an idea on how to accomplish that.
• Share interesting sites and resources that you may have come across while working on this project.

Wednesday, 4/15 | Thursday, 4/16

• Optional Domain Name Workshop
• Studio time

For Next Class

• Continue working on Final

Week 15

Monday, 4/20 | Tuesday, 4/21

• Studio Time
• Optional Meetings

Wednesday, 4/22 | Thursday, 4/23

• Studio Time
• Last chance for debugging with me!

For Next Class

• Have Final ready to share on Monday/Tuesday. Make sure it is live on your Homepage.
• Remember, you will still have a week after our final presentations to continue working on and finalizing your final project if you would like. We can consider the final presentation as one last in-progress critique. But, you should aim to have the project mostly done or in a place that will elicit the feedback you are looking for.

Week 16

Monday, 4/27 | Tuesday, 4/28

• Prior to sharing:
• Make sure your final project is published and accessible online.
• Post the link to your Final project in your own Final discord channel. If you are unable to get it online for whatever reason, add screenshots or a screen recording.
• Feel free to request any specific feedback you’re looking for here as well.


• Share Final
• We’ll limit comments to just a few per presentation so we can make sure to see everyone’s work.
• After presentations, I will assign everyone to smaller feedback groups and we’ll say our goodbyes. Once we break, spend some more time with your group members’ sites on your own and leave detailed feedback on their respective Final discord channel.


• For presentations:
• Share your final website however you want!
• Ask for specific feedback if you want to.
• If the site is not finished, articulate where you expect/want it to go with more time.
• Share technical struggles and solutions.
• Share cool things you learned while working on it.


• For feedback:
• Spend a bit of time with each of your group members’ sites. Treat them like websites you might have come across while browsing the web.
• Try to respond to any specific feedback that was requested.
• Ask yourself what the website is trying to do and respond to that. What is the site doing that aids in this effect? What is it doing that seems to distract from its intent?
• If you have feedback to give for anyone outside of your group, please do so as well!

For the End of Class

• Spend time with your group members’ sites and send feedback by end of the day Sunday, May 4.
• Final work due on Friday, May 8. Make sure everything is published on your Homepage.
  
  I’ll be looking for:
  - passion (2 variations)
  - structure
  - screensaver
  - control
  - final
  
  - 6 journal entries