Tuesday, March 26th

Class Hours: 9:40 – 2:05
Mr. Cronin

Notes

• Tuesday!
• NTHS Thursday night! Make sure you are ready:
  • Clothing?
  • Stole (Who is putting it on you? Think the end of Star Wars)
  • Arrival time – get here early.
• Remember that I am publishing Skills work at break on Wednesday morning as we will review at 11. I am doing this as a number of us will be going to NTHS rehearsal Thursday morning after our article. Work hard today!

10:05 Attendance and Article

10:10 Web Design

Review of JavaScript in VS Code

• Wrapping JS in code that waits until the DOM has fully loaded to process
• Review of Monday content
• Console logging

New Content

The basics of creating a 2 input Mad Lib in preparation for your own project. Whatever we start with today, you can expand upon for your own project.

10:50 Morning Break (10 minutes)

• 10 Minute break – you have to exit the room.
• When the door near the TV is open, you are welcome to come back in.

11:00 Critiques

Each week we will upload our work on Monday as a class. I will then present your work to the class. Every week we will pick a new student to proactive giving constructive criticism. Constructive criticism is a type of feedback that offers specific and actionable advice to help employees to improve. In the professional setting we need to be to talk professionally about the work, even if you don’t “love” the person who created it.

If selected, you will pick 1 thing that works, and 1 thing to improve upon next time. Remember we are separating the Design from the Designer. We are looking for actionable input.

Today Connie will give Constructive Criticism. 

11:30 Mad Lib

This week you are going to work on your first independent project that combines the trinity of front end web design technologies – HTML / CSS / JS.

You are going to create a Mad Lib. You are to use HTML text inputs to get 10 inputs from the user. These will be classic mad lib inputs that may include “noun“, “vacationLocation“, “age“. You will then take these inputs and place them into a story.

You will use the DOM – the Document Object Model – to take the inputs from the user, and have that drive what happens on the screen.

When your button to create the story is pressed, the questions will disappear (display: none) and the story will appear.

You will have to ensure that:

• Your inputs/outputs are in spans that make them stand out. Whatever the user types in, I want to show up differently. I would use font-weight.
• Your HTML is valid – make the structure nice and clean.
• All of your visual design goes in the CSS – the project must feel like something an elementary school aged child would use. Bigger fonts, clean design, bright colors.
• Your JS is organized and functional – no errors, it functions.
• This project does not need to be responsive, had a navigation – just focus on the application of JS + HTML + CSS for a desktop environment.

Create a folder called “madLib” inside of “week_28“, with an index.html.

What we started making this morning can be used as a base. Extend this project to meeting the requirements – that is the goal.

12:25 Lunch

• No food in the room / eat in the Cafe.
• You are welcome to return to the room when you have finished eating and work / hang out.

12:55 Attendance and Article

1:00 Steve Jobs Biography

Read along with Mr. Cronin. Improve literacy, word decoding, enjoy a nice story, and unplug from the world.

1:20 Afternoon Break (10 minutes)

• 10 Minute break – you have to exit the room.
• When the door near the TV is open, you are welcome to come back in.

1:30 Speed Design

Speed Designs are 10 minute sprints in CAWD where we practice. It could be any medium – 3D, 2D, video, programming, etc.

1:45 Afternoon Practice & Production

• Mad Lib
  • In a folder called “madLib“
• Week 28 Agency
  • (lastName)Agency_1.jpg
  • (lastName)Agency_2.jpg
  • (lastName)Agency_3.jpg
• DH28: Summative Still Life Final
  • (lastName)DH28.jpg

2:20 Dailies

2:25 “19 Minutes”

4 of 5 days per week we will end our day in CAWD with the “19 Minutes” of silent reading. Closing down our day with silent reading provides many benefits:

• Improve Literacy Skills / Reading Stamina
• Create space for a small reading meditation where we can disconnect from the world and get lost in a story
• Unplug

At 2:44 each day I will come to 3 students and ask for a 1 sentence explanation of what happened in your story over that day’s reading session. It is neat to hear little pockets of a story, here and there.

2:45 Dismissal