This document discusses HTML5 and building web applications with it. HTML5 is the new standard markup language that extends and improves upon previous versions. It introduces new APIs and markup for complex web applications. The history of HTML is outlined from versions 1.0 to 5.1. Key features of HTML5 include border radius, gradients, media queries, and web sockets. When developing with HTML5, JavaScript and CSS frameworks are commonly used along with a persistence layer.

1. Building Web
Applications with HTML5

2. What is HTML5?
HTML5 is the new standard of markup language for structuring and presenting
content for the World Wide Web.
It includes detailed processing models to encourage more interoperable
implementations; it extends, improves and rationalises the markup available for
documents, and introduces markup and application programming interfaces (APIs) for
complex web applications.
HTML5 is also a potential candidate for cross-platform mobile applications
World Wide Web Consortium Web Hypertext Application
Technology Working Group
(WHATWG).

3. History of HTML
1991 HTML 1.0
1995 HTML 2.0
1997 HTML 3.2
1999 HTML 4.01
2000 XHTML 1.0
2008 HTML5 (First Draft)

4. HTML5 Roadmap
2011 Last Call
2012 Candidate Recommendation
In July 2012, WHATWG and W3C decided on a degree of separation. W3C will continue the
HTML5 specification work, focusing on a single definitive standard, which is considered as a
"snapshot" by WHATWG. The WHATWG organization will continue its work with HTML5 as a
"Living Standard". The concept of a living standard is that it is never complete and is always
being updated and improved. New features can be added but functionality will not be removed
2014 Stable Release
2016 HTML 5.1
2022 Rumoured Completion

8. HTML5 Test
http://html5test.com

11. HTML5 Feature Areas

13. • Border Radius
• Gradients
• Web Fonts
• Media Queries
• Transitions & Transformations
• Web Fonts
• Opacity
• Shadow

19. • Browsers cache data in an
Application Cache
• HTML5 allows online and
offline detection

20. • Cross Document messaging
• XMLHttpRequest Level 2
• Server-sent Events
• Web Sockets
• CORS
Connectivity Features
• New W3C API and IETF
protocol for low latency real-
time, bi-directional
connections
• Easily add social networking
components (Chat, etc.) and
real-time data to static pages
Web Sockets

21. Developing with HTML5

22. JS Frameworks CSS Frameworks

23. Persistence Layer
Development Stack Transition
UI
UI Framework
Messaging Layer
Backend
Framework
Persistence
Framework

24. Why Change?
• UI Limitations & Bugs
• Flexibility in layout, content manipulation, design
• Rapid Development
o Faster application deployment
o Reduce coding time
o Inbuilt debugging tools
• Ride on HTML5 advancements
o Performance
o Interactivity
• Improve users efficiency
o Better UI components
o Push-notifications / feedbacks
o Form auto-complete, History, Bookmarks
• Adopting the latest Technology