2018 Day 6 + 7 Agenda

Welcome to Day 6 + 7

Good Morning! Welcome back to Hack Shop.

Last time on Hack Shop

We explored the back end of websites and tested what happens when we change the HTML (hypertext markup language) using a tool called X-Ray Goggles.

OK, here’s what we’re going to do today:


Continue Our Work from Day 4

Did you complete these assignments and turn them in?

    • X-Ray Goggles –  Challenge 2.1
    • Hack the News –  Challenge 2.2
    • If you haven’t finished these submit your work on Google Classroom before moving on to the next challenges.

Introduction to Web Design

Prototyping Websites and Web Apps

Hopefully you found working with X-Ray Googles to Hack the News a pretty awesome introduction to how websites work behind-the-scenes! The computer code that you changed isn’t really programming, just yet. You were using HTML, which stands for hypertext markup language. Markup is really just formatting and inserting.

Today we’re going to start thinking about how the logic of the web works in more detail to get a little closer to logic in programming. Complete the following challenges in order:

Would You Rather?

The Web is made up of really just 3 things: text, media and hyperlinks. They live in pages or connect them to make up everything on the internet. You will use these three building blocks to build a Would You Rather style quiz for your friends using Mozilla’s Webmaker app for Android.

Pop Quiz, Hot Shot!

The Web is made up of really just 3 things: text, media and hyperlinks. They live in pages or connect them to make up everything on the internet. You will use these three building blocks to build a Pop Quiz for your friends using Mozilla’s Webmaker app for Android.

Once you’ve completed the Level 2 challenges, you’re ready to level up to hardware.

You’re now able to manipulate webpages and create mobile experiences, but that was all using software. How do the digital devices we use physically work? We’ll begin to explore this question using MaKey MaKeys.

Level 3 – MaKey MaKeys