Summer Maker Party for Kids

The Mozilla Philippines Community hosted a series of Maker Parties for Kids for the whole month of May at the Mozilla Community Space Manila (MozSpaceMNL). This Maker Party aims to teach kids the basics of programming, HTML & CSS.

18211533144_61a78032da_b
Group pic!

 

For the series, we created an agenda which we can adjust depending on the learning pace of the students:

Day 1: Basic Programming Concepts

Day 2: Basic HTML

Day 3: Basic CSS

Day 4: HTML & CSS from scratch

The huge challenge for us was to keep the kids interested since kids nowadays can be easily distracted. So we made sure to have offline activities & online activities.

On the first session, we made them introduce themselves as they’ll be seeing each other for the next sessions. Then we had activities that made learning fun and interactive. This recap may serve as a reviewer for your kids; we also added some resources that they can use to continue their learning.

What we did:

Robotic Friend
Disney Infinity Play Lab
Webmaker Appmaker

What they learned:

  • Convert real-world activities into instructions.
  • Practice coding instructions with symbols.
  • Understanding of the need for precision in coding.
  • Practice debugging malfunctioning code.
  • Algorithm – a series of instructions on how to accomplish a task
  • Coding – Transforming actions into a symbolic language
  • Debugging – Finding and fixing issues in code
  • Function – A piece of code that can be called over and over
  • Team collaboration
  • How computer programs work.

For the second day, we discussed about HTML. HTML is one of the three core technologies that build the Web and this is the focus of our second session of Summer Maker Party for Kids. Through our games and hands-on activities, kids learned and understand how the HTML works and use it to create their own webpages.

What we did:

What they learned:

  • Webpages- any page or document on the internet.
    g. a page where we can search answers: google.com
  • Browser – a software on our computer we use to access the Webpages on the internet.
    g Mozilla Firefox
  • HTML – stands for HyperText MarkUp Language and use to create webpages.
  • HTML elements – an individual component of HTML that is enclosed in a HTML tags
    g. Paragraph element
    <p>
    This is my paragraph.
    </p>
  • HTML tags – HTML codes that is enclosed inside the angle bracket < >.
    g. Paragraph tag <p> </p>
  • Container tags – HTML tags with closing tag.
    g Paragraph tag <p> </p>
  • Empty tags – HTML tags without closing tag.
    g Image tag <img>
  • Primary HTML tags <http://www.goodellgroup.com/tutorial/chapter3.html>

We also made them use the following as an exercise and home activity so that they won’t forget what was discussed:

18837587961_dc91322a62_k
Ryan discussing about HTML
18837431361_308b16b79e_k
The kids playing a relay game to freshen up what they learned about HTML
18647126650_57f9cbaad9_k
The kids playing a relay game to freshen up what they learned about HTML
18212171274_0b9d3ebb11_k
The kids playing a relay game to freshen up what they learned about HTML
Participants doing their own makes
18646719620_2a16f0e896_k
Of course, group pic!

 

We then had a CSS discussion with the kids. Through our games and hands-on activities, kids learned and understood how CSS works and use it to upgrade their previous makes.

What we did:

  • Overview of CSS
  • Demonstration of commonly used CSS
  • Tag Tag Revolution
  • Editing their first Webpage using CSS
18837021391_d75b62a756_k
Ryan helping the participants with their makes
18648193589_1a340b5ad1_k
Tina discussing the mechanics of Tag Tag Revolution Activity
18213697493_8f16e87831_k
Tina chit chatting with the kids while they were in a break
18211668504_66201856c4_k
Tina guiding the participants on their makes
18648013339_a2c7b68ccf_k
Wacky group pic
18646520130_81cf594350_k
The kids with the organizers

 

On the last session, we made sure that the kids will be able to create their own webpages from scratch. We also had a Scavenger Hunt Activity with the Kids to boost their minds.

18807916096_b2e3779bf5_k
Volunteers for our last session
18647981529_1136c3e132_k
2 groups racing to find the missing codes in the Scavenger Hunt Activity
18836805661_6382ae3b8a_k
Last session group pic

We would like to thank all the parents who helped us into taming their kids. Also, to the volunteers who made the last session possible. To Globe Labs, for providing us a venue even though it was just a last minute notice. And lastly, to the kids who made such awesome makes. Thank you guys!

You can view their makes here (not all makes were included since not everyone were able to pass their makes):

————–
————–

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.