Class Index

Week 2

Part 1

For next week, take the feedback you received from class, and continue to improve the design of your site.

Part 2

As an introduction to Javascript variables and DOM manipulation, we will separate the content of your site from the HTML. The content will all be stored in your javascript file.

• Take a moment to abstract the content you’ve embedded into your html into a javascript object.
• Then, re-introduce your content into your html using Javascript to select your elements by their ids and classes and using innerHTML to assign their content.

Please take a moment to review this week’s class lectures for a full demo.

Week 1

Take the Glitch page that you set up in today’s class and convert it into a growing index of the work you will do for this class. As you design your index, consider what information is attached to each item (at minimum, this might include the project title, date, brief, description, or screenshots), and what kind of information you want to include on the periphery (how is the site introduced? How do we know to whom the site belongs to?).

Project Brief & Goal

Think about how this index will grow and change in reaction to the projects you will add. Your index should be built responsively (work on desktop and mobile), and emphasize modularity.

The goal of this 2-week assignment is to build a dynamic system using only HTML/CSS. The second week of this assignment will be spent introducing Javascript as a method of abstracting and saving data for your site.