XRay Goggles

Assessment:

Learning Objectives for this Kit

Learning Goals and Assessment

  1. Hacktivities

    Icebreaker, Diving In, Hands on Hacking

    Learning Goals
    • Identify and alter element tags
    • Remix content of element attributes
    • Remix and create elements
    • Understand what Mozilla means when we say “hack” & “webmaking”
    • Understanding what the open web is
    • Understanding that the web can always be made less open/less free
    • Understanding ethical webmaking
    How well did the learner show their ability to:
    • use the Goggles to replace both text and images on a site?
    • share a hacked page with peers?
    • demonstrate their knowledge of the open web?
    • demonstrate remixing?
    • work with others?
  2. Hacktivities

    Diving In, Hands on Hacking

    Learning Goals
    • Demonstrate the ability to use the HTML <p> </p> tags
    • Defining the term CSS
    • Installing and using a bookmarklet
    • Inspecting the HTML and/or CSS of an element on a webpage by using the X-Ray Goggles
    • Identifying the address bar in a browser
    • Demonstrating the ability to tweak a URL
    • Using multiple browser tabs
    • Selecting content on a webpage/address bar using “copy” and “paste”
    • Using the mouse
    • Being able to type non-alphanumeric characters like @, &, <, etc.
    How well did the learner show their ability to:
    • create text on a webpage using basic HTML tags?
    • recognize HTML and CSS?
    • install the X-Ray Goggles?
    • tweak or enter a URL?
    • switch between browser tabs?
    • use keyboard shortcuts (i.e. for copying and pasting)?
    • right-click and scroll with the mouse?
  3. Hacktivities

    Hands on Hacking

    Learning Goals
    • Understand that there are resources available on the web for developers
    • Finding content to remix and reuse
    • Searching with identifiers (i.e. site searches, exact text searches, etc)
    How well did the learner show their ability to:
    • use a search engine to find specific content?
    • find the content he/she was looking for?
    • revisit hackasaurus.org or the MDN for resources?

Badges

Mozilla is designing a constellation of badges that recognize webmaking and web literacy skills. These include stealth (automatic) mini badges issued through Thimble & Popcorn, that accumulate to cumulative skill badges, i.e HTML Basics or CSS Basics. Additionally we are exploring peer badges that can be issued directly from one peer to another. This work will launch at the Mozilla Festival where we will also investigate ideas around badges for the Hacktivities found in this kit as well as new Hacktivites we create.

Skill Badges

Skill badges show what learner can do or what they know - (I can ____, I know ____). There are two types of skill badges:
  1. 1. mini (I can hyperlink)
  2. 2. cumulative (I know HTML Basics)

Achievement Badges

Achievement Badges show what a learner made - (I made a _____). There are two types of achievement badges:
  1. 1. mini (I made a webpage)
  2. 2. 2. cumulative (I am a webmaker)

Participation Badges

Participation badges show that a learner participated or contributed in or to a learning event - (I attended a Hackasaurus Hackjam).