Developing with HTML5


Published on

Is HTML5 ready? Should we move on developing web applications with the latest JS frameworks that rides on

Published in: Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Developing with HTML5

  1. 1. Building Web Applications with HTML5
  2. 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. 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. 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
  5. 5. HTML5 Test
  6. 6. HTML5 Feature Areas
  7. 7. • Border Radius • Gradients • Web Fonts • Media Queries • Transitions & Transformations • Web Fonts • Opacity • Shadow
  8. 8. • Browsers cache data in an Application Cache • HTML5 allows online and offline detection
  9. 9. • 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
  10. 10. Developing with HTML5
  11. 11. JS Frameworks CSS Frameworks
  12. 12. Persistence Layer Development Stack Transition UI UI Framework Messaging Layer Backend Framework Persistence Framework
  13. 13. 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