webinar html5 microsoft intel
DESCRIPTION
C’est quoi HTML5 et pourquoi c’est important ?La partie d’HTML5 la plus répandue et supportéeComment supporter les anciens navigateurs ?Les spécifications les plus récentes comme :HTML5 : IndexedDB, AppCache, File APIs, HTML5 Forms, SVG Filters, WebSockets, WebWorkers, Drag’n’drop, HTML5 History, ECMAScript 5 Strict ModeCSS3 : CSS3 Multi-column Layout, CSS3 Grid Layout, CSS3 Flexible Box Layout, CSS3 Gradients, CSS3 Transitions, CSS3 Animations, CSS3 3D Transforms, Text ShadowTRANSCRIPT
Intel AppUpSM
Intel® HTML5 Webinar Series
David CatuheMicrosoft
Slim SoussiIntel
David RoussetMicrosoft
Vladimir Kostarev
Intel
Episode 1: HTML5 et ses amis
Lundi, 12 Décembre 2011 à 15h00
Intel AppUpSM
HTML5 et ses amis
David Catuhe / Microsoft
http://blogs.msdn.com/
eternalcoding
David Rousset / Microsoft
http://blogs.msdn.com/davrous
Intel AppUpSMIntel AppUpSM
• C’est quoi HTML5 et pourquoi c’est important ?
• La partie d’HTML5 la plus répandue et supportée
• Comment supporter les anciens navigateurs ?
• Les spécifications les plus récentes
Agenda
Intel AppUpSM
HTML5 ?
Intel AppUpSMIntel AppUpSM
• HTML5 : Le markup de la future génération d’applications Web
• CSS3 (Cascading Style Sheet) : permet d’appliquer des styles au document
• SVG 1.1 (Scalable Vector Graphics) : moteur de dessin vectoriel
• + plein d’autres technologies plus ou moins en rapport comme WebGL, géolocalisation, etc.
HTML5: un terme générique cool…mais fourre-tout !
Intel AppUpSMIntel AppUpSM
« The World is moving to HTML5 »Steve JobsApple CEO
Intel AppUpSMIntel AppUpSM
“We’re betting big on HTML5”Vic GundotraGoogle Vice President,Engineering
Intel AppUpSMIntel AppUpSM
“The future of the Web is HTML5”Dean HachamovitchMicrosoft Corporate Vice President of Internet Explorer
Intel AppUpSMIntel AppUpSM
~94%*Naviguent depuis une
machine desktop
* Dont 89% tournent sous Windows
Intel AppUpSMIntel AppUpSM
~6%*depuis un navigateur
mobile
* Ce chiffre a doublé en 12 mois !
Intel AppUpSM
HTML5 et CSS3: 1ère partie
Revue des spécifications les plus supportées
Intel AppUpSMIntel AppUpSML’approche de Microsoft autour d’HTML5
HTML5 prêt pour
la productio
n
Investissement sur
l’intéropérabilité
Travail sur les
standards émergeant
s
Travail en // avec les
développeurs
Intel AppUpSMIntel AppUpSMDes applications HTML5 performantes• L’ensemble des éléments d’HTML5
sont « matériellement accélérés » par le GPU
• Nouveau moteur JavaScript Chakra utilisant les processeurs multi-cœurs
Intel AppUpSM
Démonstration
Morceaux choisis d’HTML5 et CSS3
14
Intel AppUpSM
Comment supporter les anciens navigateurs ?
Intel AppUpSM
Progressive Enhancement
Graceful Degradation
Intel AppUpSM
Démonstration
Graceful Degradation & Progressive
enhancement
17
Intel AppUpSM
HTML5 et CSS3 : 2ème partie
Découvrons les parties les plus récentes
Intel AppUpSMIntel AppUpSM
• HTML5 : IndexedDB, AppCache, File APIs, HTML5 Forms, SVG Filters, WebSockets, WebWorkers, Drag’n’drop, HTML5 History, ECMAScript 5 Strict Mode
• CSS3 : CSS3 Multi-column Layout, CSS3 Grid Layout, CSS3 Flexible Box Layout, CSS3 Gradients, CSS3 Transitions, CSS3 Animations, CSS3 3D Transforms, Text Shadow
Les dernières avancées HTML5
Intel AppUpSM
Démonstration
Graceful Degradation & Progressive
enhancement
20
Intel AppUpSM
Questions ?
David Catuhe : [email protected] - http://blogs.msdn.com/eternalcoding
David Rousset : [email protected] – http://blogs.msdn.com/davrous