MozillaWiki

Hackasaurus: Difference between revisions

Page Discussion

Hackasaurus (view source)

Revision as of 02:53, 10 July 2014

932 bytes removed ,  10 July 2014
Remove toolness links before the squatters get 'em.
No edit summary
(Remove toolness links before the squatters get 'em.)
 
Line 8: Line 8:
|description=Hackasaurus helps kids hack.
|description=Hackasaurus helps kids hack.
}}<section end="summary" /> __NOTOC__  
}}<section end="summary" /> __NOTOC__  
== Hackasaurus has evolved! ==
'''In a blinding flash of HTML5 and a cloud of CSS, hackasaurus has evolved into [https://webmaker.org/ WebMaker]! Proving that making the web better isn't just child's play.
See you there!
'''
== Check out our web site ==  
== Check out our web site ==  
at http://www.hackasaurus.org/
at <strike>[https://webmaker.org/ http://www.hackasaurus.org/]</strike>


== Get involved now <br>  ==
== Get involved now <br>  ==


#'''Attend an '''[http://www.hackasaurus.org/en-US/events/ upcoming hack jam]'''. '''Or organize a hack jam in your community'''. We're looking to spread to new cities beyond New York and Chicago. Get in touch through our [http://groups.google.com/group/hackasaurus?pli=1 mailing list]. <br> '''  
#'''Attend an '''[https://events.webmaker.org/#!/ upcoming hack jam]'''. '''Or organize a hack jam in your community'''. We're looking to spread to new cities beyond New York and Chicago. Get in touch through our [http://groups.google.com/group/hackasaurus?pli=1 mailing list]. <br> '''  
#'''Start hacking with Hackasaurus tools''' like [http://www.hackasaurus.org/en-US/goggles/ X-Ray Goggles].  
#'''Start hacking with Hackasaurus tools''' like [http://www.hackasaurus.org/en-US/goggles/ X-Ray Goggles].  
#'''Share your own ideas, tools and resources'''. Through our [http://groups.google.com/group/hackasaurus mailing list] or on [http://twitter.com/hackasaurus twitter].  
#'''Share your own ideas, tools and resources'''. Through our [http://discourse.webmakerprototypes.org/ community] or on [https://twitter.com/webmaker].  
#'''Become a Hackasaurs partner'''. We're looking for learning centers, libraries, media centers and other partners to help design, develop and host Hackasaurus. Get in touch through our [http://groups.google.com/group/hackasaurus?pli=1 mailing list].  
#'''Become a Hackasaurs partner'''. We're looking for learning centers, libraries, media centers and other partners to help design, develop and host Hackasaurus. Get in touch through our [http://groups.google.com/group/hackasaurus?pli=1 mailing list].  
#'''Help develop the Hackasaurus tool set'''. Through our [http://hackasaurus.lighthouseapp.com/projects/66492-hackasaurus/overview issue tracker] and [https://github.com/hackasaurus Github].
#'''Help develop the Hackasaurus tool set'''. Through our [http://hackasaurus.lighthouseapp.com/projects/66492-hackasaurus/overview issue tracker] and [https://github.com/hackasaurus Github].
Line 25: Line 30:
**Plus local events or "hack jams" that make hacking and digital literacy easy, social and fun. <br>  
**Plus local events or "hack jams" that make hacking and digital literacy easy, social and fun. <br>  
**We're designing around the way kids learn technology, based on Mizuko Ito's concepts of hanging out, messing around and geeking out.  
**We're designing around the way kids learn technology, based on Mizuko Ito's concepts of hanging out, messing around and geeking out.  
**Tools in development so far include [http://htmlpad.org/ HTML&nbsp;Pad] and [https://secure.toolness.com/webxray/ X-Ray Goggles], with more on the way.<br>  
**Tools in development so far include [http://htmlpad.org/ HTML&nbsp;Pad] and [https://goggles.webmaker.org/en-US X-Ray Goggles], with more on the way.<br>  
**You can get involved by test-driving Hackasarus tools right now. Or attend an upcoming hack jam, organize your own event, help develop the Hackasaurus tool kit, or share your own ideas and tools.<br>
**You can get involved by test-driving Hackasarus tools right now. Or attend an upcoming hack jam, organize your own event, help develop the Hackasaurus tool kit, or share your own ideas and tools.<br>


== How to host your own Hackasaurus event for Youth  ==
== How to host your own Hackasaurus event for Youth  ==


[http://www.hackasaurus.org/en-US/educators/ '''Resources &amp; Tools for Teaching Webmaking''']<br>  
[https://webmaker.org/resources '''Resources &amp; Tools for Teaching Webmaking''']<br>  


*[http://labs.toolness.com/temp/hackasaurus-pdfs/hacktivity_kit.pdf Hacktivity Kit: Step by step instructions for running your own hack jam] (PDF, 2.3MB)<br>
*[http://htmlpad.org/hackasaurus-presentation-01/ Hackasaurus Slides: An HTML5 remixable slide show].<br>  
*[http://htmlpad.org/hackasaurus-presentation-01/ Hackasaurus Slides: An HTML5 remixable slide show].<br>  
*[http://labs.toolness.com/temp/hackasaurus-pdfs/it_checklist.pdf I.T. Checklist] (PDF, 164KB)<br>
*[http://labs.toolness.com/temp/hackasaurus-pdfs/goggles_cheatsheet.pdf X-Ray Goggles Cheat Sheet: A quick reference printable for the X-Ray Goggles tool, highlighted hot keys] (PDF, 257 KB)<br>
*'''One-page overview '''  
*'''One-page overview '''  
**Draft in progress here: http://etherpad.mozilla.com:9000/Hackasaurus-one-pager  
**Draft in progress here: http://etherpad.mozilla.com:9000/Hackasaurus-one-pager  
Line 57: Line 59:
=== X-Ray Goggles  ===
=== X-Ray Goggles  ===


"[http://hackasaurus.org/en-US/goggles/ X-Ray Goggles]" allow anyone to easily “see through the surface” of any Web page, and obtain an intuitive understanding of how pages are composed. They can be used anywhere on the Web one hangs out, and casual use of the tool enables one to gain a rudimentary grasp of HTML, CSS, and the Document Object Model.<br>
"[https://goggles.webmaker.org/en-US X-Ray Goggles]" allow anyone to easily “see through the surface” of any Web page, and obtain an intuitive understanding of how pages are composed. They can be used anywhere on the Web one hangs out, and casual use of the tool enables one to gain a rudimentary grasp of HTML, CSS, and the Document Object Model.<br>


== Similar Tools  ==
== Similar Tools  ==
Line 130: Line 132:


*'''web site''': [http://www.hackasaurus.org/ hackasaurus.org]  
*'''web site''': [http://www.hackasaurus.org/ hackasaurus.org]  
*[http://hackasaurus.org/en-US/goggles/ '''X-ray Goggles''']: See what the web is made of. Mess around &amp; remix.&nbsp;  
*[https://goggles.webmaker.org/en-US '''X-ray Goggles''']: See what the web is made of. Mess around &amp; remix.&nbsp;  
*[http://htmlpad.org/ '''HTML Pad'''] (aka "Magic Ink"): A simple website that allows anyone to easily create a Web page, collaborate on it in real-time with friends, and share it with the rest of the world.&nbsp; ''More background for HTMLPad can be found in Atul's blog post entitled ''[http://www.toolness.com/wp/2010/10/prelude-to-barcelona/ ''Prelude To Barcelona.'']<br> <br>
*[http://htmlpad.org/ '''HTML Pad'''] (aka "Magic Ink"): A simple website that allows anyone to easily create a Web page, collaborate on it in real-time with friends, and share it with the rest of the world.&nbsp; <br> <br>


----
----
Line 137: Line 139:
*'''Drumbeat project page:&nbsp;'''[https://drumbeat.org/en-US/projects/hackasaurus/ https://drumbeat.org/en-US/projects/hackasaurus/]  
*'''Drumbeat project page:&nbsp;'''[https://drumbeat.org/en-US/projects/hackasaurus/ https://drumbeat.org/en-US/projects/hackasaurus/]  
*'''wiki page:''' [https://wiki.mozilla.org/Drumbeat/Hackasaurus https://wiki.mozilla.org/Drumbeat/Hackasaurus ]  
*'''wiki page:''' [https://wiki.mozilla.org/Drumbeat/Hackasaurus https://wiki.mozilla.org/Drumbeat/Hackasaurus ]  
*'''mailing list''' (working group; daily): [http://groups.google.com/group/hackasaurus Google Group]
*mailing list (announce list; occasional): ''coming soon''<br>  
*mailing list (announce list; occasional): ''coming soon''<br>  
*planet hackasaurus blog: ''coming soon'''''<br>'''  
*planet hackasaurus blog: ''coming soon'''''<br>'''  
*'''twitter''': [http://twitter.com/#!/hackasaurus @hackasaurus] [http://twitter.com/#!/search/%23hackasaurus #hackasaurus]
*'''facebook''': [http://www.facebook.com/#!/pages/Hackasaurus/140459162682866 http://www.facebook.com/#!/pages/Hackasaurus/140459162682866]
*'''photos &amp;&nbsp;visual assets '''(tag = hackasaurus)''':''' [http://www.flickr.com/groups/hackasaurus/ http://www.flickr.com/groups/hackasaurus/ ]<br>  
*'''photos &amp;&nbsp;visual assets '''(tag = hackasaurus)''':''' [http://www.flickr.com/groups/hackasaurus/ http://www.flickr.com/groups/hackasaurus/ ]<br>  
*'''issue tracker''': [http://hackasaurus.lighthouseapp.com/projects/66492-hackasaurus/overview http://hackasaurus.lighthouseapp.com/projects/66492-hackasaurus/overview]
*'''source code''': Github: https://github.com/hackasaurus'''<br>'''  
*'''source code''': Github: https://github.com/hackasaurus'''<br>'''  
*'''theory behind the project: Hacker Literacy''': http://ietherpad.com/wXmjT3Zes1'''<br>'''  
*'''theory behind the project: Hacker Literacy''': http://ietherpad.com/wXmjT3Zes1'''<br>'''  
Jrconlin
Confirmed users
1,022

edits

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