Welcome to Day 4
Good Morning N00Bs (future H@KRs)! 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 3
- Check out the scoreboard.
- Did you complete these assignments?
- OK, but did you turn them in?
- X-Ray Goggles – N00B Challenge 2.1 [20pts]
- Hack the News – N00B Challenge 2.2 [20pts]
- If you haven’t finished these or didn’t get full credit, finish these challenges and submit/resubmit your work for credit 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