Why Learn HTML5? - Design Rich Internet Applications with HTML5

Overview

HTMl5 LogoPerhaps, you’ve heard of the revolutionary new HTML5 and have been following the “browser wars” over video formats with interest.   However, did you also know that there is so much more to HTML5 than the new video tag?  There are many new HTML markup tags and semantic rules, many new attributes, a whole new form validation system and much, much more.

Suddenly, everyone’s talking about HTML5 and ready or not, you need to get acquainted with this powerful new development in web and application design.  If you don't know about the new features available in HTML5 to enhance your business website, now may be the time to find out.

HTML5, promoted as the most important change to the World Wide Web since the development of Cascading Style Sheets (CSS), is now widely adopted by browser makers and supported by numerous hardware devices – including Apple iPhone, iPad and Google Android.  Because implementation is so new, designers and developers are just ‘cracking the surface’ as they begin using the markup language in existing or newly developed websites and for designing across multiple platforms.

HTML5 enriches HTML with syntactical elements, such as <video>, <audio> and <canvas> as well as many other enhancements for handling media content.  HTML5 incorporates significant changes to the HTML language used to design web pages.  As an example, web browsers currently use plug-ins to run video and audio.  However, with HTML5 those capabilities are built into the language and you wouldn’t need to use plug-ins.  HTML5, thus, aims to reduce the need for proprietary plug-in-based rich internet application technologies such as Adobe Flash and Microsoft Silverlight.

Gone are the days of adding additional markup just to style a button differently or stripe tables.  HTML5's new markup will help you to create better structure for your content and better interfaces for your forms, resulting in cleaner, easier-to-read code that can be understood by both humans and programs.

You should also be aware of Canvas, a 2D drawing surface you can easily program with JavaScript, geolocation which lets web application visitors share their physical location, local storage capacity that goes way beyond cookies, offline web applications that work after network access is disconnected, several new input types for web forms and custom vocabularies created in HTML5 with microdata.

HTML5 LogoFeatures such as Web Sockets, client-side storage, offline caching, and cross-document messaging can ease the pain of modern web development.  In addition, you can compensate for situations where users can't take advantage of HTML5 and CSS3 yet - developing solutions that are backwards compatible and accessible.

HTML5 is still evolving and the specification is still in development, yet browsers such as Safari, Mozilla, Opera and Chrome already support many of its features -- and browsers for smart phones are even farther ahead, especially iPhone's MobileSafari browser.  In addition, much more is around the corner! 

HTML5 and CSS3 can be considered the future of the web development but you don’t have to wait to start using them on your organisation or business website.

Can you or your business afford to ignore HTML5?

Learn HTML5 - Design Rich Internet Applications

HTML5 LogoOur short 1-day course with supporting guide and code examples will give you a solid introduction to HTML5 and explain in detail how you can start using it today.  Whether you are an HTML standard advocate using mobile devices, a Flash developer wanting to pick up additional skills, or simply taking your first steps in HTML5, by the end of this short introductory course you will have the most important information about HTML 5 to start using it now.

The main information includes:

  • The key features that have changed in HTML5 and how to manage the transition from HTML4 and XHTML.
  • New HTML5 improvements in semantics and interface elements such as forms.
  • Support for native vector graphics.
Entry Requirements:

Experience of web development with HTML4 or XHTML is essential, and some knowledge of JavaScript would be beneficial to get the most out of this course.

Course Content
  • Background - Where did HTML5 come from?
  • HTML5 overview
  • HTML5 basics
  • HTML5 transition
  • Notable changes to HTML4 features
  • HTML5 flexibility, universality, and consistency
  • Validating HTML5
  • New HTML5 semantics – page structure; articles and heading groups; figures, marks and dates.
  • HTML5 native vector graphics
  • HTML5 native audio and video
  • New HTML5 user interface elements
Course Code Program Title Study Mode Start Date Study Time Duration
F1780S1 Learn HTML5 - Design Rich Internet Applications Classroom 25/11/2011 Friday 9.30am – 4.30pm 6 hours
F1780S2 Learn HTML5 - Design Rich Internet Applications Classroom 25/05/2012 Friday 9.30am – 4.30pm 6 hours
  • Print
  • Email
  • PDF
Sign up for our newsletter Follow us on Twitter

WHATWG Logo

WHATWG (Web Hypertext Application Technology Working Group

http://www.whatwg.org/

What is the WHATWG?

The Web Hypertext Application Technology Working Group (WHATWG) is a growing community of people interested in evolving the Web. It focuses primarily on the development of HTML and APIs needed for Web applications.

The WHATWG was founded by individuals of Apple, the Mozilla Foundation, and Opera Software in 2004, after a W3C workshop. Apple, Mozilla and Opera were becoming increasingly concerned about the W3C’s direction with XHTML, lack of interest in HTML and apparent disregard for the needs of real-world authors. So, in response, these organisations set out with a mission to address these concerns and the Web Hypertext Application Technology Working Group was born.

What is the WHATWG working on?

The WHATWG's main focus is HTML5. The WHATWG also works on Web Workers and occasionally specifications outside WHATWG space are discussed on the WHATWG mailing list and forwarded when appropriate.

In the past it has worked on Web Forms 2.0 and Web Controls 1.0. Web Forms 2.0 has been integrated into HTML5 and Web Controls 1.0 has been abandoned for now.