Skip to main content

By clicking Submit, you agree to the developerWorks terms of use.

The first time you sign into developerWorks, a profile is created for you. Select information in your profile (name, country/region, and company) is displayed to the public and will accompany any content you post. You may update your IBM account at any time.

All information submitted is secure.

  • Close [x]

The first time you sign in to developerWorks, a profile is created for you, so you need to choose a display name. Your display name accompanies the content you post on developerworks.

Please choose a display name between 3-31 characters. Your display name must be unique in the developerWorks community and should not be your email address for privacy reasons.

By clicking Submit, you agree to the developerWorks terms of use.

All information submitted is secure.

  • Close [x]

Select a language:

  • Close [x]
  • Close [x]

HTML5 fundamentals

Date:  07 Oct 2011 |Level: Intermediate |

Sign in to save your progress (Learn more)

Saving your progress (Learn more)

1. Getting started with HTML5

HTML5 reflects the monumental changes in the way you now do business on the web and in the cloud. Take a look at the functions and syntax for many of the elements and APIs offered by HTML5 to get a foundation to build websites or applications of your own that are powered by HTML5.

Read: Fundamentals of HTML5, Part 1: Getting your feet wetItem marked not complete - Click to mark complete

Read: Create modern Web sites using HTML5 and CSS3Item marked not complete - Click to mark complete

Read: New HTML5 structural tagsItem marked not complete - Click to mark complete

Read: HTML5, CSS3, and related technologiesItem marked not complete - Click to mark complete

Read: Introducing HTML5 videoItem marked not complete - Click to mark complete

Watch: Creating a basic HTML5 web pageItem marked not complete - Click to mark complete

Practice: Find and resolve semantic errorsItem marked not complete - Click to mark complete

2. Accepting input with forms

Forms have been enhanced to provide more functions with basic HTML, reducing the need for JavaScript coding. With just a few tags, you can create fantastic results. Forms are the central factor that energizes the interaction between website owners or agents and the website users, and as such, they are of extreme importance to the design and development of a site.

Read: HTML5 fundamentals, Part 2: Organizing inputsItem marked not complete - Click to mark complete

Read: HTML5 - Example Form validation and styling Form elementsItem marked not complete - Click to mark complete

Watch: Designing an HTML5 formItem marked not complete - Click to mark complete

Practice: Create a simple HTML5 formItem marked not complete - Click to mark complete

3. Working with APIs

With an application programming interface (API), you can design products powered by the service the API provides. And, with Web Workers, a new JavaScript programming model, you can improve your web application's interactivity. Get a more in-depth look at some the possibilities provided by a few of the HTML5 APIs, and learn how you can adopt Web Workers into your own web applications.

Read: HTML5 fundamentals, Part 3: The power of HTML5 APIsItem marked not complete - Click to mark complete

Read: Use Web Workers to improve the usability of your web applicationsItem marked not complete - Click to mark complete

Read: HTML5 - code example of Geolocation in an iPhone Item marked not complete - Click to mark complete

Read: Creating mobile Web applications with HTML 5, Part 1: Combine HTML 5, geolocation APIs, and Web services to create mobile mashups Item marked not complete - Click to mark complete

Read: HTML5 - code example of ContentEditable and LocalStorage - create a web sticky note! Item marked not complete - Click to mark complete

Practice: Create geolocation componentsItem marked not complete - Click to mark complete

Practice: Create dedicated and a shared Web WorkersItem marked not complete - Click to mark complete

4. Enhancing the experience with Canvas

Producing rich Internet applications (RIAs) includes the development of eye-catching and engaging content. The HTML5 Canvas provides the foundation for the creation of RIA applications. The HTML5 Canvas API allows you to draw directly on the page to create vivid graphics and animations.

Read: HTML5 fundamentals, Part 4: The final touchItem marked not complete - Click to mark complete

Read: Create great graphics with the HTML5 canvasItem marked not complete - Click to mark complete

Watch: Painting the CanvasItem marked not complete - Click to mark complete

Practice: Create geometric figuresItem marked not complete - Click to mark complete




Rate this content



Give us feedback

Submission failed. Please try again.

Please complete one of the following questions before submitting.

1. Are you finished with this knowledge path?

       

2. How much did you learn?

           

3. Tell us more

  • What did you like/dislike?
  • What can we do better?

2500 characters left

Disabled Submit button

Close [x]

developerWorks: Sign in


Need an IBM ID?
Forgot your IBM ID?


Forgot your password?
Change your password

By clicking Submit, you agree to the developerWorks terms of use.

 

The first time you sign into developerWorks, a profile is created for you. Select information in your developerWorks profile is displayed to the public, but you may edit the information at any time. Your first name, last name (unless you choose to hide them), and display name will accompany the content that you post.

All information submitted is secure.

Close [x]

Choose your display name

The first time you sign in to developerWorks, a profile is created for you, so you need to choose a display name. Your display name accompanies the content you post on developerWorks.

Please choose a display name between 3-31 characters. Your display name must be unique in the developerWorks community and should not be your email address for privacy reasons.

(Must be between 3 – 31 characters.)

By clicking Submit, you agree to the developerWorks terms of use.

 

All information submitted is secure.

Close [x]

Save your progress Green checked checkmark

When you sign in, we will save this item to your developerWorks community home page and track your progress so you know what you've completed and where to resume when you return.

For a list of your saved items, see your My Home > My saved items page.

Close [x]

Thank you for your feedback. We appreciate your sharing your opinion with us.

Close [x]

Do you want to save your progress?

, Sign in to save your progress

Close [x]

Save your progress

Sorry. Our server is not available, and we cannot display your saved progress at this time.

Your progress will be displayed when the server is available again. Any previous progress is retained, and additional progress is being tracked.

If your most recent progress is not displayed within 24 hours, you can click the checkmark to indicate completion.

About this knowledge path

Since the World Wide Web emerged in the early 1990s, HTML has evolved to become a relatively powerful markup language, which, when backed up by its close partners JavaScript and CSS, can be used to create visually stunning and interactive websites and applications. HTML5 reflects the monumental changes in the way you now do business on the web and in the cloud. This knowledge path is for anyone wanting to get a foundation in HTML5.

Activities in this path

  1. Getting started with HTML5
  2. Accepting input with forms
  3. Working with APIs
  4. Enhancing the experience with Canvas

Related resources

Share this page:

  • Close [x]

Follow developerWorks:

  • Close [x]
static.content.url=http://www.ibm.com/developerworks/js/artrating/
SITE_ID=1
Zone=Web development
ArticleID=763024
publish-date=10072011