Top tips for creating great teaching kits

This article is no longer maintained, so its content might be out of date.

Use the kits

These teaching kits are full of activities and resources to help you facilitate learning sessions with a focus on webmaking. You'll find everything you need, from a pedagogical overview to tips on assessing participants' progress. Print them out, load them on your tablet or phone or simply use them as inspiration. Visit the Additional Resources section for extras like an HTML cheat sheet or basic instructions on learning JavaScript. We've also got tips on organizing an event and event facilitation.

Teaching Kits

Teach the kits

Mozilla embraces Connected Learning, constructivism and other progressive pedagogies. Rooted in the concept of making as learning, the teaching kits encourage hands-on activities and peer-to-peer learning and exchange. They also promote webmaking as a tenet of open culture. Mozilla is deeply committed to identifying the skills, competencies and literacies necessary to read, write and participate on the web, and our teaching kits align with the Web Literacy Map.

More on the educational model

Hack the kits

Our teaching kits are 100% remixable. We've made it easy to expand the areas where your learners need more guidance, ignore the pieces that don't apply and add in completely new material as you see fit. Simply click the Remix button in the upper right corner of any kit and customized it to meet your needs. We hope you share your results with the Community. We're here to support you, hear your ideas and push the boundaries of education.

Get started hacking the kits

A note about technology: Everything at Mozilla happens on the web. Not only do we publish on the web, but many of the tools we use exist as web applications rather than installed programs on our computers. Because of this, it is critical that you run up-to-date web browsers when working with Webmaker tools. Our resources are designed to support the latest versions of modern browsers like Mozilla Firefox or Google Chrome.

Use your Title and Summary to "sell" your kit.

Give your teaching kit a title that will help mentors know what your topics are and get them interested in your content. Then give 2 to 3 sentences about what the kit contains and what people learn from doing it. Be sure to note if your kit is a specific module within a series or if there are related kits. Don't forget to include your name and a link to your website or social media profile!

Use your Description to give more detail.

Use this space to expand your summary. Write a few lines to describe who you are, the work you do and what your kit aims to teach. Include your goals and how your learners will reach them. Here's a template:

The (organization/working group/club) works with (target audience) to advance (organization's mission). Inspired by Mozilla Webmaker, (organization) has created this kit to support learning (big picture learning goals).

Listing Learning Objectives will help you focus.

It also creates an outline that other mentors can quickly reference to determine if the resource is what they're looking for. You can use the Web Literacy Map to help you outline these objectives.

Example Learning Objectives:

  • Navigating the web: Learners will explore the basics of the web, including how to conduct searches, critically evaluate information, and how to keep safe.
  • Creating for the web: Learners will be introduced to coding, design and remixing web pages.
  • Participating on the web: Learners will understand the importance of sharing and collaborating online, privacy, and the role of the open web.

Explain what learners will make

What will your learners make when they are done? How will they do that? What tools will they use?

For example:

Using this kit, learners will create a fun webpage for their 'alter ego'. They will use the webmaking tool Thimble to code basic HTML and the following CSS properties: positioning values, hex numbers/color, fonts/sizes, class, div.

It's important to pose questions that lead to a deeper understanding.

Reflection is an extremely important part of learning, so you need to help learners begin this process by knowing what you want your learners to be able to discuss and reflect upon.

For example:

  • What is the web made out of?
  • How does HTML & CSS allow me to be creative?
  • How did feedback help me improve my project?
  • What does "open web" mean?

Create an arc for your activities

A good teaching kit includes an agenda made up of plug n' play activities so mentors can teach the learning objectives you set. Try to create multiple activities in a way that leads to deeper understanding for the learner, but can stand alone so others can use them in their own kits. If you need help, reach out to the Community.

Start with an introductory activity to get the blood pumping, form connections between learners and introduce a topic. Next, try an explanatory activity that allows participants to get used to tools or procedures through making. Finally, use a practical, project based exploratory activity to allow learners to delve deeper into the essential questions of your session. Create your activities with this template.

Learn more about the educational model underpinning the Teaching Kits.

Include extra help for mentors using your kit

Offer some additional resources like cheatsheets, print outs, material lists, checklists, readings - anything that can help a mentor teach your kit or provide learners with helpful hints while they're learning.

These fine people helped write this article:

Illustration of hands


Grow and share your expertise with others. Answer questions and improve our knowledge base.

Learn More