Sketch review
We will start off today by looking at your initial Project 4: Links
-
Group 1: Vidushi, Sanjana, Abhishek, Azra
-
Group 2: Kinjal, Dusha, Shanshan, Shivi
-
Group 3: Bobby, Caroline, Andre, Kendall
-
Group 4: Amaya, Mariia, Chi, Tanvi
-
Group 5: Giselle, Myriam, Vasu, Fahila
-
Group 6: Sandra, Madhura, Sarah, Dhruv
-
Group 7: Sushanto, Hamza, Jocelyn, Dayna
-
Group 8: Ina, Keren, Lucine
Present your work to each other, like before—using Slack to share your Are.na and Figma links. You will have about 40 minutes with just your group, and each group will have about 10 minutes with us.
Show your classmates your channel and discuss its theme, then take them through your design directions and hear their feedback. When we get to your group, you should all be engaged in lively discussion! We will have several minutes with each of you, as we move through the tables.
We’ll give ourselves until about 10:15ish.
We will take our 10 minutes or so here, when we are done reviewing everyone’s sketches.
Let’s meet JavaScript
We’re going to spend the whole latter half of the class getting acquainted with JS:
For next week
-
If you haven’t already—make sure you are on your adopted channel as a collaborator and add at least 10 of your own items. You can use these to extend, respond to, or shift the collection you inherited.
-
Refine, consolidate, and decide on your design path from today, incorporating the feedback from your group and from us.
As we said in class, a lot of folks struggled with the concept and so we need to see a lot more here. We expect to see multiple, varying directions in your sketches before you move into code!
-
You’ll then use this direction to complete the next phase for your projects, Static implementation. Begin, as before, with semantic DOM and your mobile/desktop
styles— before then bringing in 5 of your content blocks as examples. Save/commit the images or other assets in your repo, and cover several media types to make headway towards styling your whole collection.You will manually copy/paste in these first example blocks—their titles, images, metadata—whatever you want to show. Use this to test your design with varying numbers of items.
We’ll again go through these at the start of next class: