#mozparty: learning code this summer

April 26, 2012 § 9 Comments

This summer, Mozilla will take it’s first stab at teaching about code. ‘Code’ in both the webbiest sense of the word: we want to expose 10,000s of people to HTML, CSS and JavaScript to help them make things on the web. Or, at least, to give them a glimpse of how the web works.

Kicking off on June 23, we’re calling this experiment the Summer Code Party. It’s an invite for anyone who wants to teach — or learn — webmaking to spend a few minutes building something with friends. Like the Product (Red) campaign, it’s a big tent for anyone who shares our goal of a more web literate planet. Tumblr. Girls Learning Code. Soundcloud. CoderDojo. Creative Commons. etc. Over a dozen partners are already signed up.

The most basic version of participation: do a small Hackasaurus project with two friends around your kitchen table or in your living room. Taking a cue from Jess and Atul’s LoveBomb prototype, we’re developing half a dozen small starter projects that will make this easy. Of course, the hope is that people will do this more than once after they’ve tried it — but even a single kitchen table event is a great way to show people how the web works.

In addition to Hackasaurus projects, we will also offer up a collection of DIY web projects from partners. For example, we’re working with Tumblr to develop some well-commented templates that both help people make their Tumblr look cooler and help them improve their HTML and CSS a little. Other partners will be posting their own small projects on our wiki.

Some partners are taking on more ambitious projects under the Summer Code Party banner. For example, Girls Learning Code is hoping to offer a week long summer camp at the Mozilla Toronto office. This will cover HTML, CSS, Python and Scratch. Other partners will simply plug their existing summer code efforts into the Party, sharing out what people are learning and making with people around the world doing similar things.

Which brings me to how this all fits together: everyone will be invited to share out what they’ve made, both online and at a series of local events in September. The best projects will get badges. And the best local organizers and instructors will get an invite to the Mozilla Festival in London to help us figure out how to improve our webmaking tools and grow out our community.

For now, there are three ways to get involved: 1) Put your name of the list of people who want run a small code party at home or in a cafe; 2) Sign up as a partner or collaborator; and 3) Put yourself on the volunteer list for our June 23 and 24 kick off event. Or, if you want to get even more involved, join one of our weekly Webmaker conference calls. They happen every Tuesday.

Would love to hear ideas, reactions and partner leads. This should be fun.

A scouting movement for the web

April 3, 2012 § 5 Comments

I’ve been thinking about ‘a scouting movement for the web’ for a while: a practical movement focused on skills, creativity and the internet. I finally got around to doing a talk on this idea at last week’s TEDx Seneca. Here is a video of the talk:

The talk starts with a question: what was the most important social innovation that scouting gave to the world? Answer: civilian camping. Before Baden Powell, only the army camped. Camping was strictly for professionals.

A century later, camping is a mainstream amateur activity. Powell met his ultimate goal: he skilled up millions of urban young people as a way to connect them back nature. But he also turned whole generations of people into joyful campers and stewards of the environment.

Imagine if we could do the same with coding and the web? A 100 years from now, we could have a world where making and coding online are a mainstream amateur activity. There would still be professional coders, of course. There always will be. But a huge number of the people making apps, tinkering with robots and writing code would be doing it for the joy of it. Or as a part some other vocation. Or, because they simply wanted to help take care of the web.

There are many practical and immediate reasons to want to teach web making. Skills and jobs and so on. But encouraging creativity and stewardship of the web are equally important. Scouting shows us that building a movement around ideas like this — and teaching a particular skill and technology to whole generations — is very much within the realm of the possible.

PS. Phillip Toronne wrote a piece in Make Magazine on Scouting 2.0. Some good and related thoughts in there.

Michelle + I explain web making

February 20, 2012 § 6 Comments

Want to know what we mean by web making? Or why you (and Mozilla) should care? Michelle Levesque and I did this 20 minute talk at last month’s Learning Without Frontiers conference to answer these questions:

One thing that’s worth pulling out of our slides is the definition of ‘web maker':

a web maker is anyone who makes things using the open ethos and building blocks 
of the web

I’ve been using this definition for many months now, but it often seems to fly past people. I want to underline it here as this web maker audience is central for all the learning programs Mozilla is developing this year.

If you want more info — or if wonder what I mean by the ‘open ethos and building blocks of the web’ — there are lots of old posts by Mitchell, myself and others that unpack this general topic. Here are a few:

You see the pattern in these posts: a) open ethos = transparency, decentralization, participation, remix + b) building blocks = HTML, CSS, Javascript, open source tools and libraries. In my books, anyone who uses this ethos and these tools to make things on the web is a web maker.

PS. here is a PDF of the slides from the talk Michelle and I did. Can also send Keynote to anyone who wants to use these.

Getting practical on web makers

February 12, 2012 § 6 Comments

Big dreams need practical plans. Late last year, we agreed that ‘building a generation’ of web makers‘ should be one of Mozilla’s main goals for 2012. For the last six weeks, people across the Mozilla team and community have been digging into the question: where do we start? I’m writing this post to update people on the plans that are coming out of this.

Concrete ‘web maker’ planning started with the Mozilla Foundation board meeting in mid-December. At that meeting we agreed on the following broad goal for 2012:

Roll Mozilla’s best software and learning resources into a simple ‘kit’ for web makers.

The idea here is that we want to create a single offering — or at least a brand — for people who want to learn and make things with Mozilla. This should roll up things like Popcorn, Hackasuarus, etc. into something easy to comprehend and get involved in.

At the same board meeting, we agreed on five more specific 2012 goals that our web making initiative. They are:

  1. Grow our learning programs for teens, journalists, filmmakers.
  2. Ship great software that invites making + learning.
  3. Build badges and ‘recipes’ to teach web maker skills.
  4. Create web sites and events that drive participation.
  5. Tell the Mozilla story well, inspire people.

You can see a list of detailed objectives for each of these goals listed here on our 2012 goals wiki page. We will be reviewing and evolving these objectives throughout the year.

As noted above, the plan with all of these goals is to build on our strengths: Popcorn; Hackasaurus; Open Badges; Hive; OpenNews; Mozilla Festival; and so on. Mozilla team and community members have been working on roadmaps that lay our practical plans and tie projects back to our overall goals. Here are the most advanced of these roadmaps:

All of these projects are making great strides — but they all need help as well. We need to people to write, code, test and promote what we’re building. If you’re excited by our web maker vision and want to get involved, you should join one of our weekly open community calls. Or, track Matt Thompson’s weekly round ups of web maker activity and then dive in when you see something specific you are interested in.

 PS. Here are the slides from the December board meeting that I mention above. They also include a review of our work in 2011. If people are interested, I can do a screencast of these slides to give more details. Just let me know.


January 29, 2012 § 2 Comments

Like many people, I’ve admired MIT’s Scratch for a long time. It’s a tool that makes it easy for kids to create simple games and animations. And, by design, it teaches some of the basics of programming and computational thinking along the way.

This approach is very much like Mozilla’s own Hackasaurus: invite kids to make something that excites them, and learning into the technology they are using to do the making. In fact, the Scratch approach really informed the ‘making is learning’ design philosophy that’s at the core of the webmaker work we’re doing at Mozilla this year.

Which is all to say, I see Scratch and Hackasaurus as cousins. And, as cousins, I think there is a great opportunity play together — for both to feed into the bigger picture goal of teaching and inspiring millions of new webmakers.

We did a first experiment in putting Scratch and Hackasaurus together at the Hive Tokyo Pop Up a week ago. The Tokyo Scratch community plus a handful of Mozilla people ran a combined workshop where kids used both tools to create a Scratch web page mash up. Concretely, we combined three things:

  • Step 1. A short Scratch workshop where kids created simple animations and uploaded them to the Scratch gallery site.
  • Step 2. A basic Hackasaurus Xray Goggles lesson where kids learned how to remix text and images on a web site.
  • Step 3. A ‘be a famous game designer’ exercise where kids embedded their Scratch movie into their favourite gaming web site.

The whole thing took only an hour, so it was necessarily very simple and limited. But it still built two important web making concepts — ‘the web is lego that you can take apart and remix’ and ‘the basics of telling a computer to do something’ — into a single hour. And the kids seemed to have fun. A number of them kept hacking for an hour after we’d finished the initial session.

Of course, the experiment was not without hickups. In fact, we had to iterate the process three times to get to what I described above. In the first two sessions, the Hackasaurus and Scratch teams taught separately and tripped over each occasionally. It was only in the third round where we had one Scratch and one Mozilla person teaching side by side in each session, which worked well.

I’m not sure where this goes. We might want to do the exact same thing again, especially if we can build local Hackasaurus communities in places where Scratch is also strong. Or, we might use as fuel to brainstorm a more ambitious vision of how Scratch and Hackasaurus can play together. Where ever it goes, it was a fun and good first step.

PS. Huge thanks to the Scratch Japan community for having the trust to try this experiment. I was both grateful and impressed. You and your team really rocked!

PPS. Kudos also to famous ‘Mexican’ wrestler Chris Lawrence for awesomely MC’ing the event.

Every event is a laboratory

January 24, 2012 § 9 Comments

This weekend’s Hive Pop Up Tokyo reminded me that every event is a laboratory. Events are a great places to test our products and our ideas. They provide a chance to iterate quickly, improving our products fast. And, they can be a pipeline for new ideas. This kind of labby goodness is one of the reasons I’m committed to do more and better Mozilla learning events this year.

The Hive Pop Up format offers a particular kind of lab: one where you bang different products and ideas together. Format-wise, it’s a mash up of a workshop and a science fair. Building on MacArthur Foundation’s Hive learning network concept, the event recipe is:

  1. Find six to ten groups that teach some kind of web making lesson.
  2. Set up shop in a big room for a day on weekend or school holiday. Give each group their own area.
  3. Invite young people who are keen to play and make with technology. Schedule them in waves / cohorts (e.g. 3 hours).
  4. Quickly intro the kids to each program, then let them move to whichever stations they like, making and learning as they go.
  5. Watch for patterns. Take notes. Have fun.

We’ve  done two of these now. One in London, another in Tokyo. Both of them have focused on late primary and middle school kids, but you could do this for older ages too.

Apart from the actual fun and learning that goes on (that’s our actual goal and also why the kids showed up), the Pop Ups provide and opportunity for experiments, pattern recognition and quick improvement of our learning offerings.

One experiment we ran in Tokyo was to combine Mozilla’s basic Hackasaurus lesson with a short workshop on  MIT Media Lab’s Scratch. I’ll do another post detailing this, but bottom line is that we found a way to mash these two things together: the kids ‘busted a hack’ by embedding their Scratch game in their favourite gaming web site. The kids seem to enjoy this. A bunch of them kept working on these pages for an hour after we’d wrapped up the session.  More importantly from a lab perspective, we found a way to combine two important web making concepts — ‘the web is lego that you can take apart and remix’ and ‘the basics of telling a computer to do something’ — into a single hour.

There were more wins from the ‘many learning experiments loosely joined’ experience of Hive Pop Up Tokyo. We learned about a cool paper-protyping-for-interface-design Firefox add on called Domova that Keio University and Mozilla Japan have created. This is something we can roll into other learning events. We had a chance to see Jono’s Run Jump Build HTML5 side scroller in the wild as something kids were excited to play with (thanks, Jono!). We flagged the idea of mashing up Run Jump Build w/ the SVG animation elements of Mozilla Japan’s ParaPara. And, we identified a number of improvements for both the Xray Goggles and the Hackasaurus curriculum. Phewph. Lots of good and meaty stuff.

Not every Mozilla learning event should be a Hive Pop Up. In fact, the most important thing we can do right now is package up the basic Hackasaurus Hackjam so lots of people can be running those in their own local community. But we definitely should do a few more Pop Ups this year: they offer a rich way to test out our thinking and bring new ideas. These are both things we need as we critically need as we solidify our webmaker learning offerings in 2012.

PS. Hugest thanks to the Mozilla Japan for taking the leadership to make Hive Pop Up Tokyo happen. Special thanks go to Tetsuya Kosaka who really rocked it as organizer and thought partner. I look forward to doing more stuff like this with all of you in future.

Happy New Year Mozilla. I’m excited!

January 2, 2012 § 4 Comments

As 2012 begins, I’m excited to be part of Mozilla. I’m excited about our plans to teach and equip millions of webmakers. About the open web apps technology we’re releasing. And about all the renewed energy around Firefox. In fact, I’m more excited about being part of Mozilla than I’ve been in years. And more proud.

When I first got involved Mozilla three years ago, there was already much to be proud of. Here was a global community of people who had not only won hearts of millions with an open source browser, but that had also helped save the web in the process. This was something huge.

However, the web has changed since then. It faces new challenges. The biggest of these challenges snapped into focus for me in 2011: we’re moving from a world where the web is an open and exciting platform where anyone can make anything to a world of elegant consumption shaped by just a few big players.

My excitement is rooted in Mozilla’s plans step up to this challenge in 2012: we’ve got new ideas — and new code — that can stem this tide.

Mozilla’s apps initiative is a good example: we’re building technology designed to open up the app marketplace, making it easier for anyone create, share, use, modify and sell apps using standard web technology. If we succeed, we have a chance to move beyond a world controlled by a few app vendors to one that’s much more like an open bazaar. And, we also get a world of apps based on the same standards and ‘view source ethos’ that the web was built on in the first place. This will be a radical shift.

Possibly just as radical is Mozilla’s webmakers initiative: an effort to move millions of people from using the web to making the web. As a starting point, we’re making software like PopcornMaker and running grassroots learning labs like Hackasaurus, both of which help everyday content creators learn basic web programming skills. Ultimately, we imagine a world where mainstream video and social network sites are built with software that also teaches how the web works, and then invites you to remix it. As the Mozilla Manifesto says, we want a world where everyone is in control of their internet life, where everyone is a webmaker. A big part of Mozilla’s 2012 will focus on build this world.

And, of course, there is much to be excited about in relation to Firefox, especially on mobile. I felt this yesterday as I (finally) updated my very old Firefox for Android to a recent nightly build. The tab experience. The search. The speed. It was all awesome. Which, of course, are nice things to say about a piece of software. But there is bigger meaning: for the first time ever I was actually enjoying the experience of using regular web pages on my tablet. Making sure the mainstream of the web is pleasant to use on mobile sounds like a no brainer, but it’s actually a radical yet difficult mission in a world increasingly oriented to apps. Firefox is taking on this mission.

Of course, these are only three of the things that have me excited. David Ascher, Dan Sinker and Glynn Moody have written about other emerging Mozilla initiatives. And there are many more in the works. The main point here is not Firefox + webmakers + apps: it’s that the Mozilla community is stepping up to the challenges faced by the web in 2012 with new and concrete ideas. And, as a community, we’re doing this with more force and enthusiasm than ever. It’s going to be an exciting year.

Making 2012 plans: mozilla + web makers

November 22, 2011 § 24 Comments

Building a generation of web makers has been a big topic of conversation recently. This was the theme of our recent Mozilla Festival. And it was the topic of a conversation I led on my blog. Moving people from using the web to making the web is becoming a major focus for Mozilla.

At the most recent Mozilla Foundation board meeting, we dug into the question: what concrete things can we do in 2012 to tackle our big picture goals around web makers? I’ve pulled together board slides plus a summary of our emerging plans in this slidecast:

These slides (PDF / WebM video) represent a first cut at a Mozilla Foundation plan for 2012. Over the coming weeks, we’ll be hashing out more details and asking for ideas from people who want to get involved.

If you don’t have time for the full 30 minute slidecast, here is a summary of essential points:

  • What started out as Mozilla Drumbeat has evolved into a series of ‘learning labs’ for web makers: a mix of learning programs and software tools for people who create things on the web.
  • In 2012, we plan to grow the community and reach of the most successful of these learning labs: Popcorn (video); MoJo (journalism); and Hive (teens).
  • We also plan to strengthen our best software and learning offerings, such as PopcornMaker, Hackasaurus and School of Webcraft. We’ll integrate these into all of our learning labs.
  • A new effort for 2012 will be developing Mozilla web literacy badges: a way to get recognized for developing skills and contributing to a community within a learning lab.
  • For all of this to succeed, Mozilla will need to get better at making software for web makers need and also build up strength in the learning arena. We’ve got great people in both areas, but we’ll need more.

These plans are a direct result of a Mozilla Foundation program leads meeting this summer (‘the hedgehog summit’) as well as the feedback a series of blog postings I did earlier this fall (‘creating a web literate planet‘).

While this conversation has been going on for many months now, these are still early stage plans. They are very much designed to evolve as we dig into the details and start work over coming weeks and months.

If you have ideas and want to get involved, the best channel is our weekly web makers community call on Tuesday (formerly the Drumbeat call). Also, feel free to post comments here.

Hive NYC = rocket fuel for learning

October 18, 2011 § 7 Comments

I’m proud to announce that Mozilla is taking over stewardship of a project called Hive NYC: a network of over 30 organizations using digital technology and web culture to fuel learning.

A part of MacArthur Foundation‘s broader digital media and learning effort, Hive Learning Network NYC pulls together organizations in New York City that run out-of-school learning programs. Some are about science. Some are about art. Some are about poetry. Some are about tech itself. What brings all these organizations together is a commitment to mixing the hands on, maker culture of the web into how they teach.

When I first met with the members of Hive NYC, I was blown away by the energy and common vision. It was a room filled with talented youth educators from orgs as diverse as MoMA, the American Museum of Natural History, Dreamyard, the New York Public Library, MOUSE and Eyebeam. All of them are out there every day running programs that feel like the kind of learning Mozilla should be doing more of: leveraging web tools (and promoting web literacy) to help kids learn about whatever they are passionate about.

Sitting in that room in New York, I realized Mozilla has a ton to learn from these people — and also that these people are a key missing link for the learning programs Mozilla needs to develop. When I look at Hive NYC, I see a mashup of:

  1. A community of orgs leveraging and building digital skills into they way they teach art, science, poetry, whatever …
  2. … rolled up inside a distributed lab that is creating new curriculum and new technology …
  3. … which, by the way, is a school that teaches web literacy.

A concrete example of these pieces coming together is Hackasaurus, which was developed by Hive NYC members working with Mozilla (lab). At it’s core, Hackasaurus teaches web literacy (school) but is also great way to teach about things like film making on the web (platform).

IMHO, this Hive Learning Network model can be rocket fuel not just for learners and network members, but also for Mozilla and the web. It pushes technology into the background, focusing instead on whatever kids want to learn about. The result: a much bigger population of learners getting web literacy and digital skills.

It’s this kind of interest based learning — combined with a platform that lets dozens (or thousands?) of people and orgs embed web skills into their own teaching — that Mozilla really needs to crack. Which is why I am so excited about bringing Hive NYC into Mozilla. It’s a chance to both learn a ton and to help a whole pile of other orgs who want to teach how we want to teach.

Hive NYC is a part of a broader Hive Learning Network, which includes Hive Chicago (not directly affiliated with Mozilla) and will soon add a number of other cities. In New York City, Hive will operate as a Mozilla project, just like Hackasaurus, or Popcorn or Browser ID. Core Hive NYC staff like Chris Lawrence and Lainie DeCoursy are employed by Mozilla and are integrated into our broader learning team. Welcome!

PS. Chris Lawrence has also blogged here about Hive NYC and Mozilla coming together.

3 days of massive learning in London

October 10, 2011 § 2 Comments

The Mozilla Festival is a way to prototype and demo our thinking about Mozilla and learning. I mention this because, from the outside, it may simply look like a celebration of innovative web media. Which it is. But it is also very much about teaching and building things with the people I call the web makers: people making films, news, games, courses and art on the web.

As I’ve said elsewhere, the emerging Mozilla learning model is a mash up of P2P pedagogy with a lab where people invent new web tech and apps. A tag line I’m playing with is:


Part lab.
Part school.
Part playground.
All about the web.

The Mozilla Festival is all of this packed into 72 hours in London. If you want to understand what Mozilla is building on the learning front, you should come.

The lab piece is at the largest part of the Mozilla Festival. We have over a dozen design challenges lined up, where people will spend between half a day and two days hacking on a specific problem set. What does the UX of a ‘story’ look like when each news event is a mash up of tweets, videos, live blogs and traditional copy? What tools will radio DJs of the future need? How do we extend Popcorn.js so it’s more useful for filmmakers? While these hackfests are clearly about making and inventing, they are also quite necessarily about sharing and improving skills.

The hackfests we did at last year’s Mozilla Festival demonstrated this in spades. For example, we did a two day session with web developers, designers and librarians were we asked: how could we get young people excited about learning HTML? Everyone learned a great deal as they had to grapple with the question from each other’s perspective, and then build something. There was just no choice but to learn. It was built in to the process. Bonus points: the thing they built — now called Hackasurus — is at the core of countless more efforts to use this lab like approach to teaching, especially as a part of the work we’re doing with New Youth Learning Network.

The ‘school’ — or mentoring — piece is also a central part of Mozilla Festival this year. We have build in almost 20 learning labs as part of the London event, ranging from how to use Open Badges to responsive design in HTML5 to a masterclass in web filmmaking. Our partners at New Youth City are also running a ‘pop up learning lab’ where 100 local young people will get to use tech to learn. So, if you have something to teach or have something you want to learn, we’ve carved out a big chunk of the Mozilla Festival for you.

Layered onto all is a Science Fair on the first night of the Mozilla Festival: a show and tell with cool things for web makers. The first ‘made for the browser’ feature length documentary film. Emerging technology that will make HTML5 games easier to create. Tools that make crowdsourcing content easier for working journalists. Plus (literally) 27 more topics. Beyond demoing, the Science Fair is also designed as a jumping off point for learning, helping people find collaborators and mentors from the very first moment of the Festival.

I’m calling all of this out partly to show how it connects into the larger narrative of what I think we should be focusing on next with Drumbeat. But I’m also putting this out as an invitation: if you have something to add to the way Mozilla is thinking about learning, then we want you to get involved. London is a place where we’re prototyping an important aspect of the future of Mozilla. We will need lots of help.

PS. you can register for the Mozilla Festival here.

Where Am I?

You are currently browsing the education category at commonspace.


Get every new post delivered to your Inbox.

Join 6,348 other followers