MozillaWiki

Webmaker/Teach: Difference between revisions

Page Discussion

Webmaker/Teach (view source)

Revision as of 21:08, 14 May 2013

507 bytes added ,  14 May 2013
m
→‎Get more involved
 
(32 intermediate revisions by 4 users not shown)
Line 6: Line 6:


<div style="width:70%; float:left; padding: 11px; background: #ffffff;  -moz-border-radius: 10px; margin-top:15px;margin-left:15px;">  
<div style="width:70%; float:left; padding: 11px; background: #ffffff;  -moz-border-radius: 10px; margin-top:15px;margin-left:15px;">  
<b>Let's teach the web</b>! This wiki includes resources to help educators teach digital literacy and webmaking. The emphasis is on making and learning the web together with learners in formal and informal learning environments.<br>
<b>Let's teach the web</b>! Everything you need to get started is at <b>[https://webmaker.org/en-US/teach/ webmaker.org/teach]</b>
<br>''Please feel free to add and edit these resources! And if you have customized, remixed or hacked any of these resources, please share them with the [https://webmaker.org/en-US/connect/ Webmaker Mentor community]!''
</div><br/>
</div>


This wiki includes:
* <b>Additional resources</b>: To help educators teach digital literacy and webmaking.
* <b>Easy ways to contribute</b>: [https://wiki.mozilla.org/Webmaker/Teach/Help:AddtoMozTeachWiki Share and contribute] your own resources.
The emphasis is on making and learning the web together, with learners in both formal and informal learning environments. </div>


<div style="clear:both; margin-top:20px;">
<div style="clear:both; margin-top:20px;">
== Additional Resources ==
== How to Contribute ==
Here are three easy ways to share your own resources for teaching digital literacy and webmaking:
<div style="margin-left:5px;margin-right:10px;">
<div style="margin-left:5px;margin-right:10px;">
<b>[https://webmaker.org/teach/ webmaker.org/teach]</b>. Our main landing page with teaching guides, tutorials, guided projects and more.
# [https://wiki.mozilla.org/Webmaker/Teach/Help:AddtoMozTeachWiki Add them to this wiki],
<li><b>[https://wiki.mozilla.org/Webmaker/Teach/Help:AddtoMozTeachWiki Contribute]. How to share and add your resources to this wiki. It's easy!
# Post them to our [http://mzl.la/gpluswebmaker Webmaker G+ community], or
</div>
# Tweet us @MozTeach with #teachtheweb.
 
[http://slidespeech.com/s/k4JHQFSqen/?autoplay=true http://hivenyc.org/teachtheweb/wp-content/uploads/2013/04/engagementdiagram.png]
 
[http://slidespeech.com/s/k4JHQFSqen/?autoplay=true Introduction to Engagement] (12 talking slides)
 
We invite you to hack and remix any of the existing resources, curriculum and presentations in this wiki, then share them!


===Resources===
==Resources==
<div style="margin-left:5px;margin-right:10px;">
<div style="margin-left:5px;margin-right:10px;">


Line 25: Line 33:
<div style="background-color: #FFFFFF; box-shadow: 0px 2px 4px rgba(0, 0, 0,0.25); border-top: 20px; border-radius: 5px;  color: grey; float:left; font-family:'Open Sans Light','Open Sans',sans-serif; font-size: 14px; height:420px; line-height: 20px; margin:20px; overflow:hidden; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; position:relative; text-align:justify; width:328px;">
<div style="background-color: #FFFFFF; box-shadow: 0px 2px 4px rgba(0, 0, 0,0.25); border-top: 20px; border-radius: 5px;  color: grey; float:left; font-family:'Open Sans Light','Open Sans',sans-serif; font-size: 14px; height:420px; line-height: 20px; margin:20px; overflow:hidden; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; position:relative; text-align:justify; width:328px;">


<div style="font-size: 32px; letter-spacing: -1px; line-height: 100%; color: #53535B; text-align:center;">[[Webmaker/Teach/WebmakingResources | Webmaking]]</div>
<div style="font-size: 28px; letter-spacing: -1px; line-height: 100%; color: #53535B; text-align:center;">[[Webmaker/Teach/WebmakingResources | Webmaking]]</div>


<div style="box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px 0px; position:center;">[[Image:Webmaking.png|328px]]</div>
<div style="box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px 0px; position:center;">[[Image:Webmaking.png|328px|link=Webmaker/Teach/WebmakingResources]]</div>


<br>Resources that leverage webmaking / code as a teaching goal. <br>
<br>Learning by making and building. These resources leverage remix, webmaking or coding as a teaching goal. <br>
</div>
</div>
<!--End Bullet Point: Webmaking-->
<!--End Bullet Point: Webmaking-->
Line 36: Line 44:
<div style="background-color: #FFFFFF; box-shadow: 0px 2px 4px rgba(0, 0, 0,0.25); border-top: 20px; border-radius: 5px;  color: grey; float:left; font-family:'Open Sans Light','Open Sans',sans-serif; font-size: 14px; height:420px; line-height: 20px; margin:20px; overflow:hidden; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; position:relative; text-align:justify; width:328px;">
<div style="background-color: #FFFFFF; box-shadow: 0px 2px 4px rgba(0, 0, 0,0.25); border-top: 20px; border-radius: 5px;  color: grey; float:left; font-family:'Open Sans Light','Open Sans',sans-serif; font-size: 14px; height:420px; line-height: 20px; margin:20px; overflow:hidden; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; position:relative; text-align:justify; width:328px;">


<div style="font-size: 32px; letter-spacing: -1px; line-height: 100%; color: #53535B; text-align:center;">[[Webmaker/Teach/LiteracyResources |Web Literacy]]</div>
<div style="font-size: 28px; letter-spacing: -1px; line-height: 100%; color: #53535B; text-align:center;">[[Webmaker/Teach/LiteracyResources |Digital Literacy]]</div>


<div style="box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px 0px; position:center;">[[Image:WebLiteracy.png|328px]]</div>
<div style="box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px 0px; position:center;">[[Image:WebLiteracy.png|328px|link=Webmaker/Teach/LiteracyResources]]</div>


<br>Resources that either leverage webmaking skills in a project-based context to teach other learning objectives, or resources that teach various aspects of digital literacy (good search, copy & paste, etc.)<br>
<br>Teaching the components of digital literacy -- from browser basics, to copy and paste, to web mechanics and beyond. Or teaching digital skills in a project-based context that serves other learning objectives.<br>
</div>
</div>
<!--End Bullet Point: Webliteracy-->
<!--End Bullet Point: Webliteracy-->


<!--Bullet Point: Youth and Participant Development-->
<!--Bullet Point: Youth and Participant Development-->
<div style="background-color: #FFFFFF; box-shadow: 0px 2px 4px rgba(0, 0, 0,0.25); border-top: 20px; border-radius: 5px;  color: grey; float:left; font-family:'Open Sans Light','Open Sans',sans-serif; font-size: 14px; height:450px; line-height: 20px; margin:20px; overflow:hidden; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; position:relative; text-align:justify; width:328px;">
<div style="background-color: #FFFFFF; box-shadow: 0px 2px 4px rgba(0, 0, 0,0.25); border-top: 20px; border-radius: 5px;  color: grey; float:left; font-family:'Open Sans Light','Open Sans',sans-serif; font-size: 14px; height:475px; line-height: 20px; margin:20px; overflow:hidden; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; position:relative; text-align:justify; width:328px;">


<div style="font-size: 32px; letter-spacing: -1px; line-height: 100%; color: #53535B; text-align:center;">[[Webmaker/Teach/BestPractices |Youth Development]]</div>
<div style="font-size: 28px; letter-spacing: -1px; line-height: 100%; color: #53535B; text-align:center;">[[Webmaker/Teach/BestPractices |Youth and Participant Development]]</div>


<div style="box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px 0px; position:center;">[[Image:MozPartyYouth.jpg|328px]]</div>
<div style="box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px 0px; position:center;">[[Image:MozPartyYouth.jpg|328px|link=Webmaker/Teach/BestPractices]]</div>


<br>Resources that catalogue best practices and techniques for working with youth or other specific target groups. Participant management, digital citizenship, best practices, etc. <br>
<br>Best practices and techniques for working with youth and other learning audiences and participants.<br>
</div>
</div>
<!--End Bullet Point: Youth and Participant Development-->
<!--End Bullet Point: Youth and Participant Development-->


<!--Bullet Point: Creativity/Production -->
<!--Bullet Point: Creativity/Production -->
<div style="background-color: #FFFFFF; box-shadow: 0px 2px 4px rgba(0, 0, 0,0.25); border-top: 20px; border-radius: 5px;  color: grey; float:left; font-family:'Open Sans Light','Open Sans',sans-serif; font-size: 14px; height:450px; line-height: 20px; margin:20px; overflow:hidden; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; position:relative; text-align:justify; width:328px;">
<div style="background-color: #FFFFFF; box-shadow: 0px 2px 4px rgba(0, 0, 0,0.25); border-top: 20px; border-radius: 5px;  color: grey; float:left; font-family:'Open Sans Light','Open Sans',sans-serif; font-size: 14px; height:475px; line-height: 20px; margin:20px; overflow:hidden; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; position:relative; text-align:justify; width:328px;">


<div style="font-size: 32px; letter-spacing: -1px; line-height: 100%; color: #53535B; text-align:center;">[[Webmaker/Teach/MakeCreativity |Creativity/Production]]</div>
<div style="font-size: 28px; letter-spacing: -1px; line-height: 100%; color: #53535B; text-align:center;">[[Webmaker/Teach/MakeCreativity |Creativity and Production]]</div>


<div style="box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px 0px; position:center;">[[Image:MozFestCreativity.jpg|328px]]</div>
<div style="box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px 0px; position:center;">[[Image:MozFestCreativity.jpg|328px|link=Webmaker/Teach/MakeCreativity]]</div>


<br>Resources and materials that guide in teaching participants how to build, develop skills, and create or produce things. Basic ideation and design skills, video making, and a catch-all for resources that fall under a broader "making" moniker, including media-making, physical computing, games, electronics and more.<br>
<br>Teaching participants how to build, create and produce things. Basic ideation and design skills, video- making, and resources that fall under a broader "maker" umbrella -- media-making, physical computing, games, electronics and more.<br>
</div>
</div>
<!--End Bullet Point: Creativity/Production-->
<!--End Bullet Point: Creativity/Production-->
Line 70: Line 78:
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>


===Get involved with Mozilla Webmaker Mentors===
<br/>
===Get more involved ===
<div style="margin-left:5px;margin-right:10px;">
<div style="margin-left:5px;margin-right:10px;">


*Join the [https://webmaker.org/en-US/teach/ Mozilla Webmaker] community.
*Join the [https://webmaker.org/en-US/teach/ Webmaker Mentor] community at webmaker.org/teach
*Follow [https://twitter.com/MozTeach  WebMaker Mentors] on Twitter.
*Follow [https://twitter.com/MozTeach  Webmaker Mentors] on Twitter through @mozteach
*Join [http://mzl.la/gpluswebmaker  Mozilla Webmakers] on G+.
*Join [http://mzl.la/gpluswebmaker  Mozilla Webmakers] on G+
*[https://wiki.mozilla.org/Webmaker/Teach/Help:AddtoMozTeachWiki Contribute to the TeachWiki.]
*[https://wiki.mozilla.org/Webmaker/Teach/Help:AddtoMozTeachWiki Contribute to this wiki]
*Tweet your resources using #teachtheweb.
*Ask questions, get support or join the conversation using #teachtheweb.


</div>
</div>


</div>
</div>
Sayak
Confirmed users
151

edits

Retrieved from "https://wiki.mozilla.org/Special:MobileDiff/641825...655952"