380 likes | 580 Views
Agenda. Html5 IntroMyFaces meets Html5. Agenda. Html5 IntroMyFaces meets Html5. History of Html. First Revisions (1990
E N D
1. Html5 Support for Apache MyFaces2 Google Summer of Code Project final
Ali Ok
Apache Software Foundation
http://people.apache.org/~aliok/GSoC/tagged/html5-comp-lib-project/target/site/index.html
2. Agenda Html5 Intro
MyFaces meets Html5
3. Agenda Html5 Intro
MyFaces meets Html5
4. History of Html First Revisions (1990 – 1995) : CERN and IETF
HTML 3.0 (1995) : W3C
HTML 3.2 (1997)
HTML 4 (1998)
Problems with old elements : Strict and Transitional Modes : Quirks mode
XHTML: XML-Based HTML.
First spec(2000)
HTML5
WHATWG started working on 2004
First public working draft on 2008
October 2009 : Last Call (spec is close to be finished, but implementation is not)
Expected to reach the Candidate Recommendation late 2012
-Criteria for being a W3C Recommendation : 100% support for at least 2 browsers.-Criteria for being a W3C Recommendation : 100% support for at least 2 browsers.
5. Html5 – What is cool? APIs:
Websockets, File API, Desktop notifications, XHR Level 2, ...
Html:
New input types, client-side validation, native DnD, semantics, new elements, ...
CSS:
New selectors, effects, transforms, ...
Other:
Better error handling
6. Apache MyFaces meets Html5 So far, we’ve worked on
New input types
Drag and Drop
Video & audio
Client-side validation
So, focus will be on these subjects in this presentation So, I will focus on them while talking about Html5.So, I will focus on them while talking about Html5.
7. Html5 - Forms New and updated form elements
New <input> types
Native client-side validation
Form independence of input elements
Other new attributes of input elements
New attributes of <form>
New form elements -These amazed me. You know since on JSF web development, we’re mostly dealing with inputs. So, from our point of view, these should amaze us.-These amazed me. You know since on JSF web development, we’re mostly dealing with inputs. So, from our point of view, these should amaze us.
8. New Input Types <input type="..." /> "search" "url" "email" "tel" Useful for mobile phones, eg. choosing a contact’s phone number from phonebook