Building Web
Applications with HTML5
What is HTML5?
HTML5 is the new standard of markup language for structuring and presenting
content for the World Wide Web....
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)
HTML5 Roadmap
2011 Last Call
2012 Candidate Recommendation
In July 2012, WHATWG and W3C decided on a degree of separation....
HTML5 Test
http://html5test.com
HTML5 Feature Areas
• Border Radius
• Gradients
• Web Fonts
• Media Queries
• Transitions & Transformations
• Web Fonts
• Opacity
• Shadow
• Browsers cache data in an
Application Cache
• HTML5 allows online and
offline detection
• Cross Document messaging
• XMLHttpRequest Level 2
• Server-sent Events
• Web Sockets
• CORS
Connectivity Features
• New ...
Developing with HTML5
JS Frameworks CSS Frameworks
Persistence Layer
Development Stack Transition
UI
UI Framework
Messaging Layer
Backend
Framework
Persistence
Framework
Why Change?
• UI Limitations & Bugs
• Flexibility in layout, content manipulation, design
• Rapid Development
o Faster app...
Developing with HTML5
Developing with HTML5
Developing with HTML5
Developing with HTML5
Developing with HTML5
Developing with HTML5
Developing with HTML5
Developing with HTML5
Developing with HTML5
Developing with HTML5
Developing with HTML5
Upcoming SlideShare
Loading in...5
×

Developing with HTML5

386

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
386
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
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 http://html5test.com
  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
  1. ¿Le ha llamado la atención una diapositiva en particular?

    Recortar diapositivas es una manera útil de recopilar información importante para consultarla más tarde.

×