Welcome!

• Check out & respond to today’s icebreaker
• Sweet potato pie or pumpkin pie??
• Log in to Google Classroom for today’s lesson

​

Do Now

Kahoot Time!

1. Go to Kahoot.it
2. Enter Game Pin provided
3. Good luck!

Do Now

Participate in a mini-hackathon, where they will build their own holiday wish list!

​

Coders will...

​

What’s a hackathon?

​

(We talked about this on one of our verrrry first days of class)

• A hackathon is pretty much a coding marathon (see what they did there?)
• For coders and others involved in product design (content creators, graphic designers, product managers, UX designers, etc)
• Goal is to build, create, produce, and deliver a product in a short amount of time

Lightning Question

Mini-Hackathon: Holiday wish list

• Today, we’ll do a mini-hackathon! Using everything you’ve learned so far, you’ll each build your own holiday wish list
• What if I don’t finish?!
• That’s ok! That’s how hackathons work! You keep working til the end
• What if I finish early?!
• Keep spicing it up! See if you can figure out how to change the CSS
• If enough folks finish early, we’ll invite you to present your work
• You’ll have the rest of class to work independently
• Volunteers will be in your breakout rooms to answer questions
• There will be additional empty breakout rooms if you prefer to discuss 1-1

Project Time

Project Guidelines

• Throw reality out the window! Get creative! Put fun things on your list even if they aren’t realistic ; )
• Your wish list web page should include...
• An updated title
• A header that tells us what the heck this web page is
• A list
• At least 3 images (moving or still)
• At least 3 links
• If you want to get fancy/spicy...
• See if you can NEST any of the images within your list...
• Use CSS to change the style of an element or two, if you can figure out how… (hint: Google is your friend)

Project Time

Sample Project!

Here’s my holiday wish list as an example...

Project Time

Project Time

To the Breakout Rooms!

​

Open this popcode and…

​

Follow the instructions on the left to get started on your mini-hackathon project!

​

Make sure you're logged into Popcode so it will save!

​

​

You have the rest of class to work on this project

Independent Practice

To the Main Room!

Maybe presentations?!

Did you submit your Assignment?

​

This isn’t just for us -- it’s for you so if you forget to log in, your work will be saved as a link in Google Classroom!

1

Turn it in and you’ll see this when you’re done.

​

Give it a title.

Create and copy the Snapshot.

​

2

Open up the assignment in Google Classroom

​

3

Select ADD “Link” and paste in your Snapshot.

4

Submit

Standup!

​

Open the standup padlet and leave an answer in each column to let everyone know how your hackathon went!

​

​

​

​

​

​

​

​

Standup!

• Like a team huddle
• Short and sweet!
• Why do you think it’s called “standup”?

​

Our standup will be done through padlet...

1. Link your project
2. What did you accomplish?
3. What was challenging?
4. Shout someone out!

Exit Ticket