View source for Webmakers/events/kitchen table

__NOTOC__ 

<div style="display:block;-moz-border-radius:10px;background-color:#A2BFF4;padding:20px;margin-top:20px;">
<h1>Kitchen Table Host Guide</h1> {{anchor|Intro}}
<div style="display:block;background-color:#d1dffa;-moz-column-gap:20px;padding:20px;margin-top:20px;-moz-border-radius:10px;">
<div style="width:100%;display:block;">

[[Image:kitchentable.jpg|500px|right]]

''Learn with friends!'' <br>
''2 – 10 people. 15 minutes - 1 hour. At home or a cafe.''

A '''Kitchen Table''' event is a fun way to: 
*'''hang out with friends''' around your kitchen table 
* and '''make cool things on the web.''' 

This guide will help! It's a '''community document,''' so please add your ideas and see also what [http://openmatt.org/2012/04/27/kitchen_table_teach-ins/ other hosts did].

</div>
</div>
</div>

<div style="display:block;-moz-border-radius:10px;background-color:#A2BFF4;padding:20px;margin-top:20px;">
<h1> Before the event </h1> {{anchor|Before}}
<div style="display:block;background-color:#d1dffa;padding:20px;margin-top:20px;-moz-border-radius:10px;">
<div style="width:100%;display:block;">
==Decide what you want to make==
[[Image:internetfamous.jpg |270px|right]] 
* '''[http://wpm.toolness.org/en-US/projects Select a project]''' to get you started with making things on the web.
* Think about the '''interests and skill levels''' of your group. Adapt projects accordingly.
* If you try something different, [https://events.etherpad.mozilla.org/kitchentable-hacks let us know how it went.]

==Find a space and a date==
* Find a '''comfortable, flexible space.''' Your kitchen or living room are good, or a nearby cafe. Make sure you can move the chairs and sit together in a circle.
* Think about '''wifi and power,''' good lighting, and snacks.
* '''Pick a date.''' Give yourself enough time and make sure the date works for your friends.

==Invite your friends== 
[[Image:notepad.png|right]]
*'''Write a short invitation.''' If your friends should bring something, include a reminder.
* You can use the '''sample text''' below. 
* If you're feeling creative, try remixing an [http://jessicaklein.com/kitchen.html invitation] using the [http://hackasaurus.org/en-US/goggles/ Hackasaurus X-Ray Goggles].
     Want to remix a website? Join me in LOCATION, DATE.
     I'm going to learn how play with code & thought you might want to, too!
     On DATE we're hanging out in LOCATION to make something together online.
     There will be yummy snacks, hacking, and the company of friends. 
     Bring a computer, if you can.
     Let me know if you can come.
     — Sincerely, YOU

</div>
</div>
</div>

<div style="display:block;-moz-border-radius:10px;background-color:#FFD040;padding:20px;margin-top:20px;">
<h1> At the event </h1> {{anchor|During}}
<div style="display:block;background-color:#FFDD73;padding:20px;margin-top:20px;-moz-border-radius:10px;">
<div style="width:100%;display:block;">
[[Image:hackasaurus-goggles.png|right]]

==Say hello==
* Make sure '''everyone has access to a laptop, power and the internet.''' 
* '''Introduce the group''', if they don't know each other.
* Give a '''brief overview.''' What will you make today?

==Try out a project== 
* '''Demonstrate the [http://wpm.toolness.org/en-US/projects webmaker project]''' you selected earlier.
* Now let '''your friends try.'''
* '''Check in''' with everyone. Answer questions and make sure the group is ready before going to the next step.

==Keep hacking==
[[Image:hackedcat.png|250px|right]]
* If someone wants to try something else, they can select another '''[http://wpm.toolness.org/en-US/projects webmaker project]'''.
* You can also '''find other activities online''' to fit their interests and skill level. These sites have great documentation and tutorials as well:
** [http://p2pu.org/en/schools/school-of-webcraft/ Peer to Peer University] (P2PU)
** [https://developer.mozilla.org/en-US/ Mozilla Developer Network] (MDN)
** [http://www.w3.org World Wide Web Consortium] (W3C)
** [http://www.codecademy.com/tracks/web Code Academy]
* '''Check in''' with your friends to make sure they're doing alright.

==Share your hack==
* '''Hit "Publish"''' when you’re finished.
* '''Show your friends''' what you made and ask to see their work, too.
* If you like, please '''share your hacks with the world!'''
** '''Paste the URL''' in this [https://events.etherpad.mozilla.org/kitchentable-hacks etherpad]
** or '''tweet the hack''' and tag it #mozparty
** or '''upload a picture''' to a gallery, such as Flickr, and tag it with #mozparty.

</div>
</div>
</div>

<div style="display:block;-moz-border-radius:10px;background-color:#FF9D73;padding:20px;margin-top:20px;">
<h1>After the Event</h1> {{anchor|Feedback}}
<div style="display:block;background-color:#FFD9CA;padding:20px;margin-top:20px;-moz-border-radius:10px;">
<div style="width:100%;display:block;">

==Wrap Up==
* '''Ask everyone how it went.''' Encourage feedback about the event and the projects. What did they learn? What did they like? If they have suggestions for making it better, be sure to take notes.
* '''Talk about continuing to hack together.''' You may want to keep playing with these projects or to try new ones later. Talk about what your friends would like to do next, such as organize another kitchen table event.
*'''Set a date.''' If there's enough interest, [https://donate.mozilla.org/page/event/create/ pick a date for the next time!]

== Let us know how it went ==
* Please '''[https://events.etherpad.mozilla.org/kitchentable-hacks? share your experience]''' hosting the event and about the projects, including links to the things you made. 
* We’ll send '''an email reminder''' after the event to collect your feedback. 
* We invite you to a '''debrief call for all betatesters''':
** Thursday, May 31: 
** 1600h UTC (1800h CEST / 1700 BST / 1200 EDT / 0900 PDT)
** on the [[Webmakers/Community_Calls | Webmaker conference line]]

[[Image:kitchen_beta1.jpg|250px]] [[Image:kitchen_beta2.jpg|250px]] [[Image:kitchen_beta3.jpg|250px]]


</div>
</div>
</div>

<div style="-moz-border-radius: 10px;background-color:white;border:3px dashed;display:block;padding:20px;margin-top:20px;">
<h1> Need help? </h1>
While you don't need anybody's permission to organize a webmaker event, we have a team of passionate people ready to help you with planning and answer your questions.

* Let us know you're interested or thinking about organizing an event.
* Let us put you in touch with others in your region who are part of the community
* Let us help you in making use of these event pages, and improve in the process 

Join the [[Webmakers/Community_Calls| Webmaker community call]], tweet #mozhelp, or email michelle — at — mozillafoundation — org with questions, suggestions, or hacks.