Class Hours: 9:40 – 2:05
Mr. Cronin
Notes
- Fire Drill Canceled!
- Get me that missing work! After English tomorrow we can chill if we are fully caught up. Those that ALREAY chilled, you will work.
- Incoming CAWD2 students – fill this real quick 1 question form out … now!
9:40 Attendance Article
9:45 CAWD / Web Dev Project: Mad Lib
![](https://cawdvt.org/wp-content/uploads/2022/04/madLibs-1024x680.webp)
This weeks CAWD / Web Dev project will be an extension of this weeks learning in:
- HTML inputs (getting user data)
- JavaScript (processing and formatting data)
- CSS (visual design)
We are going to create a web based Mad Lib.
Mad Libs is a phrasal template word game. It consists of one player prompting others for a list of words to substitute for blanks in a story before reading aloud. The game is frequently played as a party game or as a pastime.
Society
I loved this as a kid. I always put “toilets” into as many inputs as I could. Yes.
This will be a variation / extension of what we have already built together.
Content Requirements:
- Obtain 10 user inputs EXCEPT food and town. At least 1 of you will use food and town and make yourself ineligible for the A – don’t be that person.
- Use placeholder to prompt the user.
- Prepare in final story.
Technical Requirements:
- Valid HTML
- Sans Serif font
- Validate form so that inputs of less than 1 character cause the focus to go to the input not filled out. Change color to visually represent this.
- Story fades in at the end.
- Design attractively
Create a folder called “madLib” with index.html as root file. Create other assets as needed.
As a reference for students that were not here yesterday or need clarification I have provided the following code examples. You can come up and try the live example out on the lead computer.
![](https://cawdvt.org/wp-content/uploads/2022/04/madLibHTMLReference.jpg)
![](https://cawdvt.org/wp-content/uploads/2022/04/madLibCSSReference.jpg)
![](https://cawdvt.org/wp-content/uploads/2022/04/madLibJSReference.jpg)
Extra credit opportunity for those that miss farming visitors! In addition the the required elements, demonstrate an additional application of JS that uses HTML and CSS … that isn’t Lightbox, a basic alert, or anything we have done already. New learning and application = extra credit. This extra application can be completely nonsensical, so long as it “functions” and is valid.
10:35 Morning Break (10 minutes)
![](https://cawdvt.org/wp-content/uploads/2022/01/break-1024x640.jpeg)
- 10 Minutes break – you have to exit the room.
- When the door near the TV is open, you are welcome to come back in.
10:45 English
![](https://cawdvt.org/wp-content/uploads/2021/08/englishKiwihug@Unsplash-1024x683.jpg)
11:45 CAWD / Web Dev Project: Mad Lib
![](https://cawdvt.org/wp-content/uploads/2022/04/madLibs-1024x680.webp)
12:15 Lunch (30 Minutes)
![](https://cawdvt.org/wp-content/uploads/2019/08/lunchImage-1024x683.jpg)
- 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:45 Attendance and Article
12:50 Mindfullness and Databases
![](https://cawdvt.org/wp-content/uploads/2022/01/mindfulDB-1024x302.jpg)
1:10 Afternoon Break (10 minutes)
![](https://cawdvt.org/wp-content/uploads/2022/01/break-1024x640.jpeg)
- 10 Minutes break – you have to exit the room.
- When the door near the TV is open, you are welcome to come back in.
1:20 Afternoon Production
![](https://cawdvt.org/wp-content/uploads/2021/08/productionStudioRepublic@Unsplash-1024x683.jpg)
- MadLibs Project
- Folder called “madLib”
- Week 31 Agency
- jpgs or mp4
- DH31: Eye
- in “dh” folder as “index.html”
1:55 Dailies
![](https://cawdvt.org/wp-content/uploads/2021/08/presentationAlexLitvin@Unsplash-1024x683.jpg)
2:00 Dismissal
![](https://cawdvt.org/wp-content/uploads/2020/09/dismissed-1024x726.jpg)