Mozparty/Host/Kitchen Table

From MozillaWiki
< Mozparty‎ | Host
Jump to: navigation, search

Kitchen Table Host Training

Howto-kitchentable.png

What is a Kitchen Table Event?

Learn with friends! Teach each other how to make things around your kitchen table.

    1-5 friends
    15 minutes - 1 hour.
    At home or in a cafe
  1. Gather your friends and family in a comfortable setting.
  2. Make something together on the web using fun projects.
  3. Share what you made and get inspired to explore more.

Also check out our full Host Guide for more recommendations.

Note-Taking

For these host training calls, we will use a live, collaborative note-taking tool.

Join using this link: https://events.etherpad.mozilla.org/kitchen-table-host

Introduction

  • Who's on the call?
  • Where are you from?
  • Where are you planning to host your event?

What would you like to leave the call with today?

  • Participant Responses.

Overview

  • Welcome from Mozilla
  • Update on Summer Code Party
  • Goals of the campaign & individual parties

Guest speaker

  • Discussion with a veteran Kitchen Table host from the community.
  • Note: some calls may not have guest speakers.
  • Hear about their experience, challenges and lessons learned.
  • Questions?

Walk through a recommended agenda

Thimble-logo.png

Introducing Thimble:

    Thimble makes it ridiculously simple to create your own web pages. 
    Write and edit HTML and CSS right in your browser. 
    Instantly preview your work. Share your finished pages!

Learn HTML fast by making your own web page — 5min

HTML BASIC coverimage-01.png
  • This starter project helps you play around with the most common HTML elements and tags using a simple side-by-side visual editor.
  • Open the project.
  • Read through the comments in the left-sided pane.
  • Click on some of the HTML tags (marked between < >) to get oriented to the code.
  • Try changing the words in between the h2 tags.
  • Replace the link on line 47.
  • You're ready for more advanced projects!

Make a meme — 10min

Coverimages squirrel-01.png
  • You might be familiar with these funny memes? This project makes it easy for you to create your own memes by mashing up text and images.
  • Open the project.
  • Change the title of the page by editing the text on line 24.
  • Search for a funny photo online. Copy the URL of the image.
  • Replacing the link on line 32 with your new URL.
  • Now edit the text between the h1 and the h2 tags to give your image a new caption.
  • Change the color of the page on line 51.
  • If you want, you can keep adjusting the page by editing the other attributes.
  • Press "Publish" in the top left-hand corner. Share your work!

Awesome Animal Builder — 15min

Animalbuilder.jpg
  • Create you own unique, weird and totally bizarre Awesome Animal.
  • Open the project.
  • Scroll down to see what animals exist already. Do you want to borrow parts from them?
  • Change line 36 from "changeme" to "rainforest.
  • Modify the links on line 41 by copying parts from the animals at the bottom of the page.
  • For example, change unknown.png to solenodon-tail.png
  • Edit the text starting on line 53 to describe the new animal.
  • Press "Publish" in the top left-hand corner. Share your work!

More Thimble projects.

  • There are many more projects for different skill-levels and interests. Keep hacking!
  • Create your own project.
  • Or schedule another kitchen table event to do more.

Other tools?

  • What do you like to use?
  • Anyone thinking of doing something different?

Closing and Next Steps

  • Celebrate the work that's been done.
    • Gather around and show each other what you made.
    • Publish photos, blog posts, and screenshots using the tag #mozparty.
    • Email mozparty@mozilla.org about outcomes you especially want to highlight.
  • Encourage participants to keep hacking on their own or consider hosting another event!
  • Pass the learning on. We invite you to share how your event went with us and the larger community. What worked well? What would you like to improve?

Questions & Troubleshooting

  • Troubleshooting your issues and questions.
  • How to get live support.
  • If anyone wants to talk one-on-one, just email michelle - at - mozillafoundation - . - org.

Happy Hacking!

Blog posts from past kitchen table events