www.webOShelp.net

Get the latest on:webOS Developers' RSS FeedwebOS Facebook page webOS Twitter Feed

Home Tutorials webOS Fundamentals III - HTML, CSS and JavaScript - Client-side storage in HTML5

webOS Fundamentals III - HTML, CSS and JavaScript - Client-side storage in HTML5

Article Index
webOS Fundamentals III - HTML, CSS and JavaScript
Client-side storage in HTML5
All Pages

The Palm developer page also emphasizes the persistent storage capabilities of HTML5 for making data available when users are offline. That's only touched upon in the above document, but this document goes into more detail:

Structured client-side storage in HTML 5

Update Feb. 22: Check out our webOS HTML5 database storage tutorial!

Palm also said that Mojo would be based on HTML 5, CSS and JavaScript standards. This means that they may include elements and attributes that are webOS-specific. As soon as that information is available, we'll post it here!

CSS

We haven't found anything more advanced than what's currently in our intermediate tutorial that's worth mentioning.  If you've got a suggestion, put it into a comment and we'll link it in here!

Javascript

You've written function libraries and can mangle the DOM in any which way blindfolded. Have a look at prototyping, which will probably be a necessary component of any advanced webOS application:

http://www.javascriptkit.com/javatutors/proto.shtml

Mojo is also said to provide access to custom Javascript APIs for things like gesture-based navigation transitions, scrolling and animation. While we don't yet know what these will look like, they may be similar to other Javascript APIs such as those provided by the MooTools or Scriptaculous Javascript frameworks. If you haven't worked with frameworks like these before, check out these tutorials:

http://mootorial.com/wiki/
http://www.tutorialspoint.com/script.aculo.us/index.htm

The Palm Developer page also mentions the use of a "JSON-based message bus to tap into a wide range of device services including contacts, calendars and location". To learn about JSON, check out this tutorial:

http://www.hunlock.com/blogs/Mastering_JSON_(_JavaScript_Object_Notation_)


Update: Feb. 5

It seems that the folks over at Palmwebosblog have discovered that the webOS Mojo SDK will actually be based on the Dojo Toolkit! Here are a few Dojo tutorials and resources that you can go through to experience what will likely be very similar to developing Mojo-based applications for webOS.

This is a great set of interactive examples of things you can do with the dojo toolkit:
http://dojocampus.org/explorer/

Here are some more traditional step-by-step tutorials:
http://www.roseindia.net/dojo/

And for those of you that like to see the details, the actual Dojo API reference manual:
http://dojotoolkit.org/api


Update: Feb. 6

It looks like the idea that Palm's Mojo was based on the Dojo toolkit was the result of an unfortunate series of coincidences. But if you're new to working with Javascript APIs it couldn't hurt to try a few things with the Dojo toolkit anyway.


Update: Feb. 21

The cat is out of the bag; looks like the Prototype Javascript Framework is the one that will be bundled with webOS.  Check out our new tutorial: webOS and the Prototype Framework!

What next?

If you've gone through the beginner, intermediate and advanced tutorials, you're ready to jump in to building webOS applications with the Mojo framework. Check back often for new developments in the webOS world!

If you have any comments or other ideas for this tutorial, please post a comment.

Portions of this article Copyright 2008 W3C (MIT,ERCIM,Keio), All Rights Reserved.



 

0 Comments

    Add Comment


      • >:o
      • :-[
      • :'(
      • :-(
      • :-D
      • :-*
      • :-)
      • :P
      • :\
      • 8-)
      • ;-)