33
1 Pierre Lagarde Relation Technique Développeur IE 8 pour les développeurs Web

1 Pierre Lagarde Relation Technique Développeur

Embed Size (px)

Citation preview

Page 1: 1 Pierre Lagarde Relation Technique Développeur

1

Pierre LagardeRelation Technique Développeur

IE 8 pour les développeurs Web

Page 2: 1 Pierre Lagarde Relation Technique Développeur
Page 3: 1 Pierre Lagarde Relation Technique Développeur

Agenda

La compatibilitéLes outils pour le développeurLes nouvelles fonctionnalités pour le développeur WebLes outils pour le tester

Page 4: 1 Pierre Lagarde Relation Technique Développeur

Internet Explorer 8 Developer Features

Spend more time innovating and less time special-casingMost standards-compliant (full CSS2.1 support) version of Internet ExplorerInteroperability with other browsers means “write once, run anywhere”Compatibility modes for viewing/debugging content written for Internet Explorer 7 and Internet Explorer 5.5

Compatibilité et

Interopérabilité

Develop, test and debug without leaving the browserBuilt-in developer toolbar enables debugging and performance tuning HTML, CSS, Javascript without leaving the pageCode profiler for identifying performance issues quickly and easilyChange Internet Explorer layout version on the fly to thoroughly test display scenarios

Build the richest experiences on the WebAJAX support enhancements enable rich, dynamic experiencesWeb SlicesBest cross-document/domain messaging implementation with XDR/XDMImproved display and scripting performance makes this the fastest Internet Explorer ever

Outils pour le développeur

Nouvelles fonctionnalit

és

Tout dans IE8 – Pas d’add-in nécessaire

Page 5: 1 Pierre Lagarde Relation Technique Développeur

Les standards du Web

HTML

ACID 2

CSS 2.1

CSS 2.1 complianceDOM ImprovementsHTML ImprovementsAcid2 Test compliance

Page 6: 1 Pierre Lagarde Relation Technique Développeur

Interopérabilité

Existing Internet

Explorer 7 Mode

Web Standards

Standard Mode

(default)

Higher Interoperabili

ty

<meta http-equiv="X-UA-Compatible" content="IE=8" >

<meta http-equiv="X-UA-Compatible" content="IE=7" >

Page 7: 1 Pierre Lagarde Relation Technique Développeur

Modes de compatibilité

Compatibility Mode Value Render Behavior

IE=5 “Quirks” mode

IE=7 ”Standards” mode

IE=8 Internet Explorer 8 Standards mode

Page 8: 1 Pierre Lagarde Relation Technique Développeur

Tag Meta

<html><head> <!-- Moteur Internet Explorer 7 --> <meta http-equiv="X-UA-Compatible"= content="IE=7" /> <title>Ma Page Web</title></head><body> <p>Coucou.</p></body></html>

Page 9: 1 Pierre Lagarde Relation Technique Développeur

Web.Config

<configuration> <system.webServer> <httpProtocol> <customHeaders> <clear /> <add name="X-UA-Compatible" value="IE=7"> </customHeaders> </httpProtocol> </system.webServer></configuration>

Page 10: 1 Pierre Lagarde Relation Technique Développeur

Demo

Page 11: 1 Pierre Lagarde Relation Technique Développeur

Intégration d'outils pour le développeur

Developer Toolbar

Facilite le développement et le débogageAutorise le test, l’édition et le débogage en direct:

CSS et HTMLPerformance du ScriptVision du DOM

Page 12: 1 Pierre Lagarde Relation Technique Développeur

Débogage

JavaScript Debugging Tools

JavaScript Debugging Window

Break Point

Debugging Toolbar

Page 13: 1 Pierre Lagarde Relation Technique Développeur

Tracing

Page 14: 1 Pierre Lagarde Relation Technique Développeur

Profiling

Page 15: 1 Pierre Lagarde Relation Technique Développeur

Changement du mode de rendu

<meta http-equiv="X-UA-Compatible" content="IE=7" >

Page 16: 1 Pierre Lagarde Relation Technique Développeur

Demo

Page 17: 1 Pierre Lagarde Relation Technique Développeur

Les nouvelles fonctionnalités

WebSlices

Accelerateurs

Page 18: 1 Pierre Lagarde Relation Technique Développeur

Developing Web Slices

DiscoverWebSlice

Le Web Slice

Contenu Web

<div class=”hslice” id=”1”><p class=”entry-title”>Las Vegas 79°</p><div class=”entry-content”> <!-- HTML body content to render. --> ...</div>

</div>

Page 19: 1 Pierre Lagarde Relation Technique Développeur

Demo

Page 20: 1 Pierre Lagarde Relation Technique Développeur

Cross DomainRequête Ajax dans la zone :

Local Intranet Trusted (Intranet)

Trusted (Internet)

Internet Restricted

Page dans la zone :

Local Allow Allow Allow Allow Allow Block

Intranet Block Allow Allow Allow Allow Block

Trusted (Intranet) Block Allow Allow Allow Allow Block

Trusted (Internet) Block Block Block Allow Allow Block

Internet Block Block Block Allow Allow Block

Restricted Block Block Block Block Block Block

Page 21: 1 Pierre Lagarde Relation Technique Développeur

Performance

AméliorationParsing et rendu HTML plus rapideExécution JavaScript plus rapide

Page 23: 1 Pierre Lagarde Relation Technique Développeur

WebBrowser

Demo

Page 24: 1 Pierre Lagarde Relation Technique Développeur

La référence technique pour les IT Pros :

technet.microsoft.com

L’engagement Microsoft pour les développeurs :

msdn.microsoft.com

S’informer - Un portail d’informations, des événements, une newsletter bimensuelle personnaliséeSe former - Des webcasts, des articles techniques, des téléchargements, des forums pour échanger avec vos pairsBénéficier de services - Des cursus de formations et de certifications, des offres de support technique

Visual Studio 2008 +

Abonnement MSDN Premium Abonnement TechNet Plus :

Versions d’éval + 2 incidents support

Page 25: 1 Pierre Lagarde Relation Technique Développeur

Certifications : Programme de nouvelle génération

Série Architecture– le programme Microsoft Certified Architect permet aux entreprises d’identifier facilement les architectes en informatique très expérimentés, ayant suivi un processus de validation particulièrement rigoureux.

Série Métier – Ce programme valide un ensemble complet de compétences à jour, permettant au professionel de réussir dans son métier et d’être très performant.

Série Technologie – Ces certifications vous permettent d’approfondir vos connaissances sur des technologies Microsoft spécifiques et d’obtenir toutes les compétences nécessaires pour les exploiter à fond.

Master

Série Master – Ce programme valide les compétences technologiques de très haut niveau des individus sur les plateformes Microsoft

•Une certification recherchée par les entreprises

•4 séries et 5 titres adaptés et ciblés à chaque métier.

•Un label pour votre expertiseLes certifications Microsoft permettent la validation de votre expertise : une certification constitue la preuve pour vos clients ou votre société de vos compétences sur les produits et technologies Microsoft.

•Un gage de qualité pour l'entreprise

Page 26: 1 Pierre Lagarde Relation Technique Développeur

Certification : validez vos compétencesOffre de certification Seconde chance :

Bénéficiez d’un second passage gratuit pour tout 1er passage non réussi www.microsoft.com/france/formation

Guides de préparations aux examens :

http://www.microsoft.com/france/formation/examensEchangez et discutez sur les certifications sur le Forum :

http://forums.microsoft.com/france/default.aspx

Contactez nous pour d’autres questions :

[email protected]

Page 27: 1 Pierre Lagarde Relation Technique Développeur

© 2008 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED

OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Votre potentiel. Notre passion. TM

Page 28: 1 Pierre Lagarde Relation Technique Développeur

Guide couleursSi besoin utiliser les palettes de couleur ci-dessous

Sample Fill

Sample Fill

Sample Fill

Sample Fill

Sample Fill

Sample Fill

Sample Fill

Sample Fill

Sample Fill

Sample Fill

Page 29: 1 Pierre Lagarde Relation Technique Développeur

Format Table

Title TableColumn 1 Column 2 Column 3 Column 4 Column 5

Page 30: 1 Pierre Lagarde Relation Technique Développeur

Bar Chart Example

Category 1 Category 2 Category 3 Category 4

4.3

2.5

3.5

4.5

2.4

4.4

1.8

2.8

2 2

3

5

Chart Title

Series 1 Series 2 Series 3

Page 31: 1 Pierre Lagarde Relation Technique Développeur

Codes

Page 32: 1 Pierre Lagarde Relation Technique Développeur

Pie Chart Example

59%23%

10%9%

Chart Title

1st Qtr2nd Qtr3rd Qtr4th Qtr

Page 33: 1 Pierre Lagarde Relation Technique Développeur

Présentation disponible sur http://www.microsoftdays.fr/presentations