webOShelp.net

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

Home Getting Started with webOS webOS Fundamentals I - HTML, CSS, and JavaScript

webOS Fundamentals I - HTML, CSS, and JavaScript

webOS skill level: Beginner
Prerequisite knowledge: None
Technologies covered: HTML, CSS, Javascript

This tutorial is for people who have had little to no exposure to any web development technologies, but would like to learn in order to build webOS applications for the Pre and future devices based on Palm's webOS.

Although the webOS SDK hasn't yet been released, Palm has provided all the information you need to start building your webOS development skills. On the Palm developer page, Palm states that the Mojo application framework is "based on the HTML5, CSS and JavaScript standards that web developers already know and love". By learning about these technologies now, you can hit the ground running the moment Mojo is released!

HTML

HTML stands for HyperText Markup Language.  It is used to describe the structure of information in a document or web page.  Within webOS, it will most likely be used to describe the elements on a screen in your application.  Go through these two tutorials to learn and understand how to write basic HTML:

http://www.htmldog.com/guides/htmlbeginner/
http://www.htmldog.com/guides/htmlintermediate/

If you finish the tutorial and are looking for more, check out this site:

http://www.w3schools.com/htmL/

Go through the lessons in the "HTML Basic" section (on the left).  If you're feeling adventurous move on to the HTML Advanced section, which will be covered in the Intermediate tutorial.

CSS

CSS stands for Cascading Style Sheets.  CSS is used to describe how the information in an HTML document should be presented to the viewer (CSS can also be applied to other types of documents, but HTML is the most common).  It includes layout, spacing, color, font, and other presentation information.  In webOS, CSS will be used largely to describe how your application will look.  These tutorials should get you up to speed quickly:

http://www.htmldog.com/guides/cssbeginner/
http://www.htmldog.com/guides/cssintermediate/

If you're looking for more comprehensive lessons, try these:

http://www.w3schools.com/Css/default.asp

Go through the lessons in the "CSS Basic" section (on the left).  Tackle the CSS Advanced section if you want to move on to the intermediate stuff.

Javascript

Javascript is a language used to enable interactivity in a web application.  It allows you to respond to user actions by displaying information based on their actions on the page.  In webOS, Javascript will be used to describe how your application will function.  Check out this tutorial:

http://www.w3schools.com/JS/default.asp

Go through the JS Basic section.  If you want to keep going, go through the JS Objects section.

When you've completed these lessons, you're ready to move on to the Intermediate tutorial!

 

4 Comments

Feed
  1. How are developers going to be protecting their source code if everything's done in HTML5/CSS/and Javascript? Any basic file-manager application on the Palm Pre should be able to allow viewing of each source module, isn't it?
  2. Who cares? It should all be open source.
  3. They can use XHTML for getting more protection.
  4. So, do you think Google is afraid of someone stealing their ajax code from gmail? Your interface is not your code. The real money is behind the scenes on their webservers.

Add Comment


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

     

     

    Most Read Articles


    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_mostread/helper.php on line 79

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_mostread/helper.php on line 79

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_mostread/helper.php on line 79

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_mostread/helper.php on line 79

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_mostread/helper.php on line 79

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_mostread/helper.php on line 79

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_mostread/helper.php on line 79

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_mostread/helper.php on line 79

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_mostread/helper.php on line 79

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_mostread/helper.php on line 79

    Recent webOS Tutorials


    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_latestnews/helper.php on line 114

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_latestnews/helper.php on line 114

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_latestnews/helper.php on line 114

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_latestnews/helper.php on line 114

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_latestnews/helper.php on line 114

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_latestnews/helper.php on line 114

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_latestnews/helper.php on line 114

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_latestnews/helper.php on line 114

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_latestnews/helper.php on line 114

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_latestnews/helper.php on line 114

    Recent webOS News And Rumors


    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_latestnews/helper.php on line 114

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_latestnews/helper.php on line 114

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_latestnews/helper.php on line 114

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_latestnews/helper.php on line 114

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_latestnews/helper.php on line 114

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_latestnews/helper.php on line 114

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_latestnews/helper.php on line 114

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_latestnews/helper.php on line 114

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_latestnews/helper.php on line 114

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_latestnews/helper.php on line 114

    Recent Palm News And Rumors


    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_latestnews/helper.php on line 114

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_latestnews/helper.php on line 114

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_latestnews/helper.php on line 114

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_latestnews/helper.php on line 114

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_latestnews/helper.php on line 114

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_latestnews/helper.php on line 114

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_latestnews/helper.php on line 114

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_latestnews/helper.php on line 114

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_latestnews/helper.php on line 114

    Warning: Creating default object from empty value in /home/weboshelprt/weboshelp.net/modules/mod_latestnews/helper.php on line 114
    What's your primary background?