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

davca@microsoft.com

David Rousset / Microsoft

http://blogs.msdn.com/davrous

davrous@microsoft.com

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 : davca@microsoft.com - http://blogs.msdn.com/eternalcoding

David Rousset : davrous@microsoft.com – http://blogs.msdn.com/davrous