MozillaWiki

Webmaker/Teach: Difference between revisions

Page Discussion

Webmaker/Teach (view source)

Revision as of 21:08, 14 May 2013

4,832 bytes added ,  14 May 2013
m
→‎Get more involved
mNo edit summary
 
(45 intermediate revisions by 4 users not shown)
Line 1: Line 1:
== Additional Resources to Help You Teach & Make the Web ==
<div style="text-align:justify">
<div style="clear:both; margin-bottom:20px;">
<div style="width:152px; height:152px; float:left; padding: 2px; border: 4px dashed rgb(40, 40, 40); background: #ffffff; border-radius: 10px; text-align:center; margin-top:15px;margin-left:15px;margin-bottom:15px;">
[[Image:MozMentors.png|150px]]
</div>


<br>This is a wiki with additional resources to help educators teach and make the web together with their students and youth in formal and informal learning environments.<br>
<div style="width:70%; float:left; padding: 11px; background: #ffffff;  -moz-border-radius: 10px; margin-top:15px;margin-left:15px;">  
<br>''Please feel free to add/edit the existing resources! If you have customized or hacked any of our resources for your students’ learning needs, please share them with the Mozilla webmaking community!'' 
<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>


:It’s very easy to share and add resources to this wiki:
This wiki includes:  
# Create a MozillaWiki account by clicking “Log in/create an account” on the sidebar.
* <b>Additional resources</b>: To help educators teach digital literacy and webmaking.
# Click the “Edit” tab at the top of the page to start sharing. 
* <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>


:Or, tweet @MozTeach with #teachtheweb.  
<div style="clear:both; margin-top:20px;">
== 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;">
# [https://wiki.mozilla.org/Webmaker/Teach/Help:AddtoMozTeachWiki Add them to this wiki],
# Post them to our [http://mzl.la/gpluswebmaker Webmaker G+ community], or
# Tweet us @MozTeach with #teachtheweb.


===Resources===
[http://slidespeech.com/s/k4JHQFSqen/?autoplay=true http://hivenyc.org/teachtheweb/wp-content/uploads/2013/04/engagementdiagram.png]
*[[Webmaker/Teach/WebmakingResources | Webmaking]]: Resources that leverage webmaking / code as a teaching goal. <br>


*[[Webmaker/Teach/LiteracyResources |Web Literacy]]: 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>
[http://slidespeech.com/s/k4JHQFSqen/?autoplay=true Introduction to Engagement] (12 talking slides)


*[[Webmaker/Teach/BestPractices |Youth and Participant Development]]: Resources that catalogue best practices and techniques for working with youth or other specific target groups. Participant management, digital citizenship, best practices, etc. <br>
We invite you to hack and remix any of the existing resources, curriculum and presentations in this wiki, then share them!


*[[Webmaker/Teach/MakeCreativity |Creativity/Production]]: 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.
==Resources==
<div style="margin-left:5px;margin-right:10px;">
 
<!--Bullet Point: Webmaking-->
<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: 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|link=Webmaker/Teach/WebmakingResources]]</div>
 
<br>Learning by making and building. These resources leverage remix, webmaking or coding as a teaching goal. <br>
</div>
<!--End Bullet Point: Webmaking-->
 
<!--Bullet Point: Webliteracy -->
<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: 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|link=Webmaker/Teach/LiteracyResources]]</div>
 
<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>
<!--End Bullet Point: Webliteracy-->
 
<!--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: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: 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|link=Webmaker/Teach/BestPractices]]</div>
 
<br>Best practices and techniques for working with youth and other learning audiences and participants.<br>
</div>
<!--End Bullet Point: Youth and Participant Development-->
 
<!--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: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: 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|link=Webmaker/Teach/MakeCreativity]]</div>
 
<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>
<!--End Bullet Point: Creativity/Production-->
 
</div>
 
<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 more involved ===
<div style="margin-left:5px;margin-right:10px;">
 
*Join the [https://webmaker.org/en-US/teach/ Webmaker Mentor] community at webmaker.org/teach
*Follow [https://twitter.com/MozTeach  Webmaker Mentors] on Twitter through @mozteach
*Join [http://mzl.la/gpluswebmaker  Mozilla Webmakers] on G+
*[https://wiki.mozilla.org/Webmaker/Teach/Help:AddtoMozTeachWiki Contribute to this wiki]
*Ask questions, get support or join the conversation using #teachtheweb.
 
</div>
 
</div>
Sayak
Confirmed users
151

edits

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