MozillaWiki

Education/Projects/JetpackForLearning/Outline: Difference between revisions

Page Discussion

Education/Projects/JetpackForLearning/Outline (view source)

Revision as of 13:17, 28 January 2010

2,743 bytes added ,  28 January 2010
no edit summary
No edit summary
 
(20 intermediate revisions by 3 users not shown)
Line 37: Line 37:
* [http://jetpackgallery.mozillalabs.com/ JetPack Gallery] (Seminar 1, to check the JetPack experience - recommended by Brian to get a feel)
* [http://jetpackgallery.mozillalabs.com/ JetPack Gallery] (Seminar 1, to check the JetPack experience - recommended by Brian to get a feel)


'''Seminar Recording:'''
'''Seminar 1 Recording:'''
* [http://www.iblipper.com/temp/Jetpack-Seminar1.mov high quality .mov file]
* [http://www.iblipper.com/temp/Jetpack-Seminar1.mov high quality .mov file]
* [http://vimeo.com/user2768207 lower quality version hosted at vimeo]
* [http://vimeo.com/user2768207 lower quality version hosted at vimeo]
Line 74: Line 74:
* Screencast for Course 2 [http://vimeo.com/8220542 on Vimeo] or alternatively [http://www.screencast.com/users/briks/folders/Jetpack%20for%20Learning/media/3360f6da-10c1-42e0-b60c-e4471168f4ac on screencast.com].
* Screencast for Course 2 [http://vimeo.com/8220542 on Vimeo] or alternatively [http://www.screencast.com/users/briks/folders/Jetpack%20for%20Learning/media/3360f6da-10c1-42e0-b60c-e4471168f4ac on screencast.com].


'''Seminar Recording'''
'''Seminar 2 Recording'''
* [http://emea73838399.emea.acrobat.com/p39042865/ Replay the recording in Adobe Connect]
* [http://emea73838399.emea.acrobat.com/p39042865/ Replay the recording in Adobe Connect]


Line 94: Line 94:
** Settings
** Settings


'''Background Materials:'''
* Screencast - [http://www.screencast.com/users/briks/folders/Jetpack%20for%20Learning/media/76df4b46-dca8-4e2c-b9a6-8df95cac9810 screencast.com] | [http://vimeo.com/8577918 Vimeo] (Brian King)
* [http://docs.google.com/present/view?id=dhtnds9n_118ff5t4sg4 Slides]


==== Links Mentioned in the Seminar ====
'''Links Mentioned in the Seminar'''


Storage Examples
Storage Examples
* [http://jetpackgallery.mozillalabs.com/jetpacks/245 MenuNotes] : simple storage example
* [http://jetpackgallery.mozillalabs.com/jetpacks/245 MenuNotes] : simple storage example
* [http://jetpackgallery.mozillalabs.com/jetpacks/65 JetStatus] : another storage example that saves your twitter handle with storage
* [http://jetpackgallery.mozillalabs.com/jetpacks/65 JetStatus] : another storage example that saves your twitter handle with storage
* [http://jetpackgallery.mozillalabs.com/jetpacks/169 Twitter URL Updates] : uses storage.settings to store configuration


=== Seminar 4 - Browser Interaction ===
'''Seminar 3 Recording'''
Separate from the UI available to Jetpacks, there are many browsers features available to you. Seminar 4 will talk about some of them, including the interaction with Web content similar to what is seen in Greasemonkey user scripts.
* [http://emea73838399.emea.acrobat.com/p13599202/ Replay the recording in Adobe Connect]
 
=== Seminar 4 - Jetpack and the Browser (13 January 2010) ===
Separate from the Jetpack UI, there are some browsers features available to you. Seminar 4 will talk about them, including the interaction with Web content similar to what is seen in Greasemonkey user scripts.


* User data (History, Bookmarks, ...)
* Tabs
* Tabs
* Interaction with Web content (Page Mods)
* Places (History, Bookmarks, ...)
* Page Mods
* Interaction with Web content
* Beyond the browser (jetpack.info) - System
 
'''Background Materials:'''
* Screencast - [http://www.screencast.com/users/briks/folders/Jetpack%20for%20Learning/media/54207295-0be7-4292-a58d-b3839b6066b7 screencast.com] | [http://vimeo.com/8718895 Vimeo] (Brian King)
* [http://docs.google.com/present/view?id=dhtnds9n_120fwdsjr6v Slides]
 
'''Links Mentioned in the Seminar'''
 
Jetpacks that use PageMods
* [http://jetpackgallery.mozillalabs.com/jetpacks/201 Flickr Fingr]
* [http://jetpackgallery.mozillalabs.com/jetpacks/262 Mozilla Wiki Edit Link Remover]
 
'''Seminar 4 Recording'''
* [http://emea73838399.emea.acrobat.com/p83565975/ Replay the recording in Adobe Connect]
* [http://bokaap.net/Jetpack-Seminar4-BrowserInteraction.flv Download the recording in FLV format (plays in VLC Player)]
 
=== Seminar 5 - Jetpack and Web APIs (20 January 2010) ===
* Consuming Web Services
* Ajax
** with jQuery
** Plain 'Ol XMLHttpRequest
* Response Handling
** JSON
** XML
* Upload and Progress
* Best Practices
 
'''Background Materials:'''
* [http://docs.google.com/present/view?id=dhtnds9n_121cx8mr6d3 Slides]
 
'''Links Mentioned in the Seminar'''
* [http://net.tutsplus.com/tutorials/javascript-ajax/5-ways-to-make-ajax-calls-with-jquery/ 5 Ways to Make Ajax Calls with jQuery]
* [http://demos.hacks.mozilla.org/openweb/uploadingFiles/ File Upload and Firefox 3.6 demo]
 
'''Seminar 5 Recording'''
* Replay the recording in Adobe Connect
* [http://bokaap.net/Jetpack-Seminar5-WebServices.flv Download the recording in FLV format (plays in VLC Player)]
 
=== Seminar 6 - The Next Level (27 January 2010) ===
Seminar 6 aims to cover the less used but many times more powerful features of Jetpack. Also featured will be some of the cutting edge technologies in Firefox that can be exploited from Jetpacks.


=== Seminar 5 - Web Services ===
* HTML5 - Video, Audio, Canvas, Geolocation, and more
* XMLHttpRequest in Jetpack
** Audio (jetpack.audio)
* Interaction with Web Services
** Video (jetpack.video)
** Geolocation
** Canvas
** Drag and Drop
* Summative Evaluations with RITE
* Localization
** [https://wiki.mozilla.org/Labs/Jetpack/JEP/35 Internationalization/Localization API]
** [https://wiki.mozilla.org/Labs/Jetpack/JEP/36 Localization environment]


=== Seminar 6 - The Next Level ===
Slides and Notes
* [http://docs.google.com/present/view?id=dhtnds9n_122xn8f36fh Brian's slides]
* [https://wiki.mozilla.org/Education/Projects/JetpackForLearning/Seminar6Chat Chat log]
Philipp
360

edits

Retrieved from "https://wiki.allizom.org/Special:MobileDiff/192486...197499"