— W1 doc
— Starting next week, class will begin at 10:00am
— 9:50–10:15 — Introductions
— Add your preferred name + pronouns + links to 2 of your projects in the W1 doc
— 10:15–10:30 — Code of Conduct and Group Agreement
— 10:30–11:00 — Discussion topics: What are you hoping to learn? What is web design to you?
— 11:00–11:15 — Go over syllabus
— 11:15–11:30 — Go over class site
— 11:30–11:45 — break
— 11:45–2:45 — W1 Activities: Setting up your website + HTML Intro
— 2:45–3:00 — break
— 3:00–3:15 — Review P1: Portfolio
— 3:15–3:30 — Introduce Presentations
— 3:30–4:00 — Introduce Are.na
— 4:00–4:10 — for next week...

For next week
— Review HTML Basics (Introduction, Text editors, Basic examples, HTML Elements, Attributes, Headings, Paragraphs, Text formatting, Comments, Links, Lists, Blocks, Classes). We will be having a short quiz next week.
— Work on your Pick 10 exercise. Pick one of the topics you chose today and source the photos/assets you need for it. Put one page of it online.
— Upload your student survey and your Pick 10 exercise
— Make an Are.na account. Make a channel for your references/inspirations. Add 5 blocks. Link your Are.na account to your class homepage.
— Read A Declaration of the Independence of Cyberspace, John Perry Barlow, 1996
— Write a response and three discussion questions in the W2 doc
— Follow the Cyberduck FTP directions in the W1 Activities doc
— Andrew will present on Linked by Air / yale.art.edu

— W2 doc
— 10:00–10:15 — What's new on the net...
— 10:15–11:00 — Each student presents 1–2 blocks from their Are.na channel
— 11:00–11:15 — Andrew's presentation
— 11:15–11:20 — In the W2 doc, find the response + questions of the person below yours. Spend 5 minutes and highlight a couple lines, select one question, and add comments.
— 11:20–12:10 — Reading Discussion
— 12:10–12:40 — break
— 12:40–1:10 — HTML Quiz
— 1:10–4:00 — W2 Activities: Intro to CSS
— 4:00–4:10 — For next week...

For next week
— Continue working on P1: Portfolio. Be sure to have considered a type system, a way of organizing your projects and exercises, and a visual direction. Also consider what you might add to your portfolio (if anything).
— Finish your 3 survey variations if you didn’t in class.
— 5 additions to your Are.na channel
— Sophia presents on Nontsikelelo Mutiti
— Read What is Code? by Paul Ford, 2015. This is a very long article. We aren't going to read the whole thing, but you can if you want to. Required parts: chapter 1, chapter 2, section 6.2
— Write a response in the W3 doc

— W3 doc
— 10:00–10:15 — What's new on the net...
— 10:15–10:45 — Sophia's presentation
— 10:45–11:00 — Let's talk about critiques
— 11:00–12:30 — W3 Activities: Layouts, Positioning, Flexbox
— 12:30–1:00 — break
— 1:00–3:00 — W3 Activities, continued
— 3:00–4:00 — Pick 10 in-progress presentations

For next week
— Review Navigation
— Continue working on P1: Portfolio and P2: Pick 10
— Next week, we will present both of these projects.
— Rohini presents on Folder Studio
— Add 5 blocks to your Are.na inspiration channel

— W4 doc
— 10:00–10:15 — What's new on the net...
— 10:15–10:30 — Rohini's presentation
— 10:30–1:00 — W4 Activities: CSS animations, SVGs, intro to responsive design
— 1:00–1:30 — break
— Review critique format for first responder + note taker
— 1:30–3:45 — Presentations for P1: Portfolio and P2: Pick 10
— 3:45–3:55 — Let's talk about Research, Wireframes, Sketches
— 3:55–4:10 — Introduce P3: Maxims

For next week
— For P3: Maxims, review these examples of text-based art.
— For P3: Maxims, find a source of text. Create an are.na channel that houses the content. Link to your are.na on your class homepage. While you’re using text that has already been published in some capacity, you shouldn’t rely on pre-existing lists. For example, rather than finding an article called “15 best news article names” you can come up with a system of collecting 15 news articles in a systematic way. For example, what happens when you compare the first article on 15 different news sites on one day? Or, what if you select a specific topic you’re interested in to collect. We’re going to look at this next week so please have all of your content saved as individual posts in your are.na channel.
— Based on the notes from above, create 3 wireframes sketches for P3: Maxims project. Consider how the project will be experienced – all on one page? Individual pages? Are you able to navigate to and from each individual maxim? These can be done by hand or in another program of your choice, and should be uploaded to your are.na channel, as well.
— Flynn will present on Brutalist Websites
— Read Dispersion by Seth Price
— Write a response and three discussion questions in the W5 doc
— Add 5 blocks to your Are.na inspiration channel

— W5 doc
— 10:00–10:10 — What's new on the net...
— 10:10–10:30 — Flynn's presentation
— 10:30–10:35 — In the doc, find the response + questions of the person below yours. Spend 10 minutes and highlight a couple lines, select one question, and add comments.
— 10:35–11:00 — Reading Discussion
— 11:00–12:00 — W5 Activities: Media Queries
— 12:00–12:30 — break
— 12:30–1:30 — W5 Activities: Intro to JavaScript
— 1:30–2:30 — W5 Activities: Inspiration Diary exercise
— 2:00–4:00 — During the exercise and beyond, one on ones...
— 4:00–4:10 — for next week...

For next week
— For P3: Maxims, select one of your three ideas and begin an are.na channel. This channel should be titled by the concept name, have a brief description of the direction and how it relates to the project, a few visual references that bring the idea to life, and a couple examples of how you’ll depict your Maxims online. Begin programming your website based on your favorite direction (just get starting laying things out).
— Review our class notes on JavaScript and go through this activity
— Tara presents on Muriel Cooper
— Read Visible Wisdom
— Write a response and three discussion questions in the Week 6 doc

— W6 doc
— Tara's presentation
— In the doc, find the response + questions of the person below yours. Spend 10 minutes and highlight a couple lines, select one question, and add comments.
— Reading Discussion
— W6 Activities: JavaScript + Intro to jQuery
— one on ones...

For next week
— P3: Maxims final critique next week
— Sarah presents on Tamiko Thiel
— Read Cyber Animism and Augmented Dreams
— Write a response and three discussion questions in the W7 doc

— W7 doc
— 10:00–10:15 — Sarah's presentation
— 10:15–10:45 — Look at Instructions exercise from last week. Put your link in the W7 g-doc
— W7 Activity: Pseudo-random Numbers and jQuery Practice
— Review critique format
— P3: Maxims final critique

For next week...
— spring break!
— Nicka will present on Lauren McCarthy after the break
— Add to your Are.na inspiration channel
— Redesign your P1: Portfolio. Consider the feedback from earlier in the semester, skills you’ve learned. Make sure your projects and exercises are clearly accessible.

no class this week

Remote Learning Announcement
this has also been sent via email
Until at least March 30, all classes will be held remotely. During Spring Break, please download https://zoom.us — it's free! Monday 3/23 will be our test run, but I am going to try to hold the majority of the class period using Zoom, Google-docs, and Dropbox Paper. In the one-on-one portion of the class, we'll use https://whereby.com/mindysroom. This means you need to be online and present for the entire class period, even though we will all be remote

If you do not have access to a laptop, desktop, or internet in your current location, please reach out to me privately.

Next week...

1. Please let me know if you have not received your P2 grade via email.
2. Download https://zoom.us
3. Nicka will present on Lauren McCarthy
4. Add to your Are.na inspiration channel
5. Redesign your P1: Portfolio. Consider the feedback from earlier in the semester and skills you’ve learned. Be sure to include...
   — links to every project and exercise
   — updated design
   — updated code (if applicable)
   — some of you added a secondary page for your P1: Portfolio. If that's the class, please make sure your homepage is designed. It will follow this URL formatting: https://artfiles.rutgers.edu/~lastname@art.rutgers.edu/
6. If you were not in class today, please note that your P3 is considered late. The remaining P3 presentations will be held on W9 after spring break, at the same time as the P1: Portfolio presentations.

— W9 doc
— Zoom meeting ID: 9138701027
— 10:00–10:15 — Introduce Zoom
— 10:15–10:30 — Review COVID Resources
— 10:30–10:45 — Nicka's presentation
— 10:45–12:45 — P3: Maxims (for those who did not present on 3/9)
— 12:45–1:15 — break
— 1:15–3:15 — W9 Activity: Algorithmic Design + Intro to P5.js
— 3:15–3:45 — Introduce P4: Generative Posters
— 3:45–4:00 — for next week...

For next week
— Review the project description for P4: Generative Poster.
— Create three concepts for your generative poster series.
— Create three Are.na channel for each concept and collect at least 10 inspiration images for each concept. Images can come from a variety of sources. You might consider researching different artists, or building it around a specific thought.
— Create three p5.js sketches (one for each concept) of your poster series.
— All students will present their P1: Portfolio redesigns
— Xinyi will present on Moniker
— Read Luna Maurer on Being a Designer
— Write a response and three discussion questions in the W10 doc

— W10 doc
— Zoom meeting ID: 9138701027
— Reading Discussion
— Xinyi will present on Moniker
— Presentations for P1: Portfolio (all) + P3: Maxims (Andrew, Chrissy)
— W10 Activities: Algorithmic Design, Cont'd
— One on ones to review three p5.js sketches and channels (one for each concept) of your poster series.

For next week
— Ken presents on Dia Studio
— optional, watch Dia Studio talk: Time is Form/Form is Time
— Add 5 blocks to your Are.na inspiration channel
— Finish 3 series from the W10 activities, and link this to your portfolio site
— Continue working on one direction P4. Incorporate more of the features we've learned in today's class
— Read Dispersion
— Write response in W11 doc

— W11 doc
— Zoom us04web.zoom.us/j/101035325?pwd=MjZiVW1vN0JObVhxNFZCL0twdEF3QT09, please check your email for the password
— 10:00–10:15 — Ken presents on Dia Studio
— 10:15–10:30 — Nika presents updated portfolios
— 10:30–11:30 — Present sketches from last week, please link all sketches to the W11 doc
— 11:30–12:00 — Begin first 2 exercises and tutorials in the W11 Activities: Generative Posters techniques and animations
— 12:00–12:30 — break
— 12:30–2:00 — Continue last 2 exercises and tutorials in W11 Activities
— 2:00–2:30 — Review examples and references in the W11 Activities
— 2:30–2:45 — For next week...

For next week...
— Finish the 4 exercises in the W11 paper-doc. Paste these links into the W11 g-doc. Don't forget to regroup with your teammates for Exercise 4
— Create a new folder on your porfolio site called "Week-11" using the instructions in the W11 paper-doc
— Working in the browser, create 2 drafts of your poster generator. These sketches should revolve around the same idea and can play around with different effects. Please link this on your portfolio
— optional Read Too Much World, Is the Internet Dead? by Hito Steyerl
— Sam will present on Hito Steyerl

— W12 doc
— Zoom us04web.zoom.us/j/101035325?pwd=MjZiVW1vN0JObVhxNFZCL0twdEF3QT09, please check your email for the password
— 10:00–10:15 — Sam presents on Hito Steyerl
— Today is mostly going to be a work day. We’ll go over a few more controls for your generator and develop the interface before lunch. After lunch, we’ll talk about exporting your posters and creating your gallery and work on that.
— 10:15–11:00 — W12 Activity: The Generator
— 11:00–11:15 — break
— 11:15–11:45 — W12 Activity: The Poster Series and the Gallery
— 11:45–12:10 — lunch
— 12:10–4:00 — optional One-on-ones, sign up in the W12 g-doc

For next week...
— Finish your project (the Generator and the Gallery should both be complete, working, and online. Make sure to test it before class).
— Remember, your portfolio site should include two new links: (1) poster generator and (2) gallery of generated posters
— optional Read The Woman Who Gave Macintosh a Smile
— Christine will present on Susan Kare

— W13 doc
— Zoom us04web.zoom.us/j/101035325?pwd=MjZiVW1vN0JObVhxNFZCL0twdEF3QT09, please check your email for the password
— Christine will present on Susan Kare
— P4: Generative Poster critique
— Introduce P5: Mutual Aid

For next week...
— Exercise: Github
— optional Read The Coming Age of Calm Technology
— Work on P5: Mutual Aid
— By next week, have a draft working site online using Github

— W14 doc
— Zoom us04web.zoom.us/j/101035325?pwd=MjZiVW1vN0JObVhxNFZCL0twdEF3QT09, please check your email for the password
— Course evaluations
— for next week...
— Today we are going to have one-on-ones. Please sign-up in the W14 doc.

For next week...
— P5: Mutual Aid critique next week
— Final P1: Portfolio due next week

— W15 doc
— Zoom us04web.zoom.us/j/101035325?pwd=MjZiVW1vN0JObVhxNFZCL0twdEF3QT09, please check your email for the password
— P1: Portfolio final critique
— P5: Mutual Aid final critique
— Thank you!

For next week...
— Make sure everything is online. For your final grades, I will only be looking at your class portfolio and clicking through all of your projects there. Please make sure all of your links are working.
— You have until Friday, May 8, 11:59PM to make any project revisions. If you make changes, be sure to email me with the new link and a brief description of the changes