Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Introduction au développement windows 8 modern ui avec html5 et javascript

2,683 views

Published on

Nous verrons durant cette heure de session comment développer une application pour le Windows Store grâce aux technologies HTML5, JS & CSS3. Nous verrons ainsi comment construire depuis 0 un petit lecteur de flux RSS. Cela sera notre excuse pour découvrir l'usage de WinJS, le framework JavaScript de Microsoft pour Windows 8, ainsi que de l'outillage Visual Studio 2012 et Blend 5. Pour finir, nous verrons à travers un petit exemple d'usage de la camera comment fonctionne l'accès à WinRT depuis JS, le nouveau jeu d'API dédiés aux applications modernes.

Session jouée lors des MS Techdays 2013: http://www.microsoft.com/france/mstechdays/programmes/2013/fiche-session.aspx?ID=60738dd2-6d50-4360-a285-ed988e49d850

Retrouvez les tutoriaux associés sur mon blog: http://blogs.msdn.com/b/davrous/archive/2012/09/05/tutorial-series-using-winjs-amp-winrt-to-build-a-fun-html5-camera-application.aspx & http://blogs.msdn.com/b/davrous/archive/2012/06/04/comment-cr-233-er-un-petit-lecteur-de-flux-rss-pour-windows-8-metro-en-html5-et-en-30-min-partie-1-2.aspx

Published in: Technology
  • (Unlimited)....ACCESS WEBSITE Over for All Ebooks ................ accessibility Books Library allowing access to top content, including thousands of title from favorite author, plus the ability to read or download a huge selection of books for your pc or smartphone within minutes ......................................................................................................................... DOWNLOAD FULL PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M }
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • If you want to download or read this book, Copy link or url below in the New tab ......................................................................................................................... DOWNLOAD FULL PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • ..............ACCESS that WEBSITE Over for All Ebooks ................ ......................................................................................................................... DOWNLOAD FULL PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m6jJ5M } .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • (Unlimited)....ACCESS WEBSITE Over for All Ebooks ................ accessibility Books Library allowing access to top content, including thousands of title from favorite author, plus the ability to read or download a huge selection of books for your pc or smartphone within minutes ......................................................................................................................... DOWNLOAD FULL PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M }
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • (Unlimited)....ACCESS WEBSITE Over for All Ebooks ................ accessibility Books Library allowing access to top content, including thousands of title from favorite author, plus the ability to read or download a huge selection of books for your pc or smartphone within minutes ......................................................................................................................... DOWNLOAD FULL PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M }
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Introduction au développement windows 8 modern ui avec html5 et javascript

  1. 1. Donnez votre avis ! Depuis votre smartphone, sur : http://notes.mstechdays.fr De nombreux lots à gagner toutes les heures !!! Claviers, souris et jeux Microsoft… Merci de nous aider à améliorer les TechDayshttp://notes.mstechdays.fr
  2. 2. Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScript David Rousset Technical Evangelist Microsoft France @davrous http://blogs.msdn.com/davrousCode / Développement
  3. 3. Agenda• Présentation du modèle HTML5 15’• Démo de code 45’ Agenda – Création d’un lecteur RSS depuis 0 30’ • Utilisation de WinJS, templating, binding et Blend 5 – Accès à la camera via WinRT 15’
  4. 4. HTML5 et Windows 8 Regardons rapidement les concepts base• Regardons rapidement les concepts base
  5. 5. La plateforme Windows 8
  6. 6. La plateforme Windows 8 en HTML5
  7. 7. Internet Explorer 10 : nouveaux layoutsCSS 2D Transforms CSS Media QueriesCSS 3D Transforms CSS Multi-column LayoutCSS Animations CSS NamespacesCSS Backgrounds & CSS OM ViewsBorders CSS Positioned Floats (Exclusions)CSS Color CSS SelectorsCSS Flexbox CSS TransitionsCSS Fonts CSS Values and UnitsCSS Grid Alignment ICC Color ProfilesCSS Hyphenation SVG Filter EffectsCSS Image Values SVG, standalone and in HTML
  8. 8. Internet Explorer 10 : nouvelles APIsHTML5Animation Frames HTML5 Application Cache IndexedDBData URI HTML5 async Page VisibilityDOM Element Traversal HTML5 Canvas Pointer (Mouse, Pen, andDOM HTML HTML5 Drag and drop Touch) EventsDOM Level 3 Core HTML5 Forms and ValidationDOM Level 3 Events HTML5 Geolocation Resource TimingDOM Style HTML5 History API Selectors API Level 2DOM Traversal and Range HTML5 Parser Timing callbacksDOMParser and HTML5 Sandbox Web MessagingXMLSerializer HTML5 SelectionECMAScript 5 Web Sockets HTML5 Semantic elementsFile Reader API HTML5 Video and audio Web WorkersFile Saving ICC Color Profiles XHTML/XMLFormData XMLHttpRequest (Level 2)
  9. 9. Démo d’applications Windows 8 utilisant HTML5 une idée Pour vous donner• Pour vous donner une idée base
  10. 10. Windows Library for JavaScript (WinJS)
  11. 11. WinJS
  12. 12. Les contrôles classiques
  13. 13. Les contrôles classiques – stylés par CSS
  14. 14. Code party Enough blah-blah, let’s code!• Pour vous donner une idée base
  15. 15. Pour aller plus loin sur Windows 8…Le site officiel regroupant plus de 200exemples et la documentation:http://dev.windows.comRejouez ces 2 démos en suivant les 2 sériesde tutoriaux sur mon blog:http://blogs.msdn.com/davrous
  16. 16. L’Accélérateur Windows Ressources Coaching Visibilité aka.ms/accelerateur-windows Plus d’info ? RDV stand Windows 8Accélérateur Windows
  17. 17. 4 ouvrages écrits par 13 Microsofteeshttp://www.editions-eyrolles.com/livres/Windows-8-pour-les-professionnels
  18. 18. Questions ?
  19. 19. Développeurs Pros de l’IT http://aka.ms/generation-app Formez-vous en ligne www.microsoftvirtualacademy.com http://aka.ms/evenements- developpeurs Retrouvez nos évènements http://aka.ms/itcamps-france Les accélérateurs Faites-vous accompagnerWindows Azure, Windows Phone, gratuitement Windows 8 Essayer gratuitement nos http://aka.ms/telechargements solutions IT La Dev’Team sur MSDN Retrouver nos experts L’IT Team sur TechNet http://aka.ms/devteam Microsoft http://aka.ms/itteam

×