xray goggles mozsummercamp webmaker edition @raj_dhinge

12

Upload: rajkumar-dhinge

Post on 16-Aug-2015

60 views

Category:

Technology


0 download

TRANSCRIPT

  1. 1. Yay! The MozSummerCamp
  2. 2. X Ray Goggles
  3. 3. Internet Meaning of XRay A relatively high-energy photon with wavelength in the approximate range from 0.01 to 10 nanometers. Also called roentgen ray. A stream of such photons used for their penetrating power in radiography, radiology, radiotherapy, and scientific research. But, What we are interested in is research!
  4. 4. X-Ray Goggles
  5. 5. X Ray Goggles X-Ray Goggles allow you to see the building blocks that make up websites on the internet. Activate the goggles to inspect the code behind any webpage, then remix elements with a single click, swapping in your own text, images and more. You can build: a custom homepage for the New York Times an alternate version of a controversial webpage a funny remix of your best friend's favourite site and more!
  6. 6. Description You can teach your learners the basic concept of "hacking" and begin to explore the building blocks of the web with the X-Ray Goggles. Learners will learn how to hack in their every day lives. Through the creation of a league of superheroes, we will explore the Open Web and collaborative work, as well as a bit of HTML and CSS.
  7. 7. Learning objectives Use the browser to remix content found on the web. Tweak or enter a URL Switch between browser tabs Use keyboard shortcuts (i.e. for copying and pasting) Recognize HTML and CSS Right-click and scroll with the mouse Use the Goggles to replace both text and images on a site Share a hacked page with peers Use a search engine to find specific content Find the content he/she was looking for Install the X-Ray Goggles Create text on a webpage using basic HTML tags
  8. 8. Same person different Swag
  9. 9. https://webmaker.org/en-US/goggles/install
  10. 10. Thank You!!!!! -Facebook Rajkumar Dhinge -Twitter @raj_dhinge