HTML 5 in een vogelvlucht (Dutch)
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

HTML 5 in een vogelvlucht (Dutch)

  • 3,402 views
Uploaded on

HTML5 overview done at Achmea TechNight. ...

HTML5 overview done at Achmea TechNight.

Note: This is a Dutch language presentation

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
3,402
On Slideshare
1,837
From Embeds
1,565
Number of Embeds
9

Actions

Shares
Downloads
3
Comments
0
Likes
0

Embeds 1,565

http://msmvps.com 1,362
http://localhost 129
http://feeds.feedburner.com 39
http://html5support.nl 24
http://paper.li 5
http://webcache.googleusercontent.com 2
http://www.dataclips.com 2
http://cc.bingj.com 1
http://translate.googleusercontent.com 1

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. HTML 5 in een vogelvlucht Maurice de Beijer
  • 2. Waar gaan we het over hebben? Waarom HTML 5? Wie beslist er eigenlijk wat HTML 5 is? Hoe gaan browsers er mee om? Web Workers Web Sockets
  • 3. Wie ben ikMaurice de Beijer.The Problem Solver.Microsoft CSD MVP.DevelopMentor instructor.Twitter: @mauricedbBlog: http://msmvps.com/blogs/theproblemsolver/Web: http://www.TheProblemSolver.nlE-mail: mauricedb@computer.org
  • 4. Waarom HTML 5HTML is de meest verspreide UI technologie Maar door browser verschillen lastig om mee te werkenMinder bedrijven ondersteunen een enkel platform Bring your own hardware Smartphones en tablets ondersteunen geen pluginsMen wil rijkere applicaties Animaties Communicatie etc
  • 5. Wie gaat er eigenlijk over?Het World Wide Web Consortium (W3C) Was oorspronkelijk met XHTML2 bezigWeb Hypertext Application Technology WorkingGroup (WHATWG) In 2004 begonnen uit onvrede met XHTML2Vanaf 2009 samen bezig Er wordt gewerkt aan “HTML The Living Standard”Het W3C neemt een snapshot Dat wordt HTML5
  • 6. Wanneer is het klaar? “The Web Hypertext Application Technology Working Group, expects HTML5 to reach W3CCandidate Recommendation Stage in 2012, and graduate to W3C Recommendation in 2022.”
  • 7. Wanneer is het klaar? “The Web Hypertext Application Technology Working Group, expects HTML5 to reach W3CCandidate Recommendation Stage in 2012, and graduate to W3C Recommendation in 2022.”
  • 8. Hoe zit het met de browsers? Yahoo Graded Browser Support
  • 9. Google analytics - msmvps.org 750.000 bezoekers per maand 95% gebruikt een van de eerste drie browsers
  • 10. Google analytics - msmvps.org Hoe zit het met Internet Explorer?
  • 11. Wat werkt in welke browser?CanIUse.com
  • 12. Modernizr “Modernizr is an open-source JavaScript librarythat helps you build the next generation of HTML5 and CSS3-powered websites.” http://www.modernizr.com/
  • 13. Polyfills “A polyfill is a piece of code (or plugin) thatprovides the technology that you, the developer, expect the browser to provide natively.”
  • 14. Google Chrome FrameDraai Google Chrome binnen Internet Explorer 6 ofhogerWordt alleen gebruikt als er specifiek om gevraagdwordt Kan ook voor specifieke versies van IE<meta http-equiv="X-UA-Compatible" content="chrome=1">Doet niets als Chrome Frame niet geinstalleerd is.
  • 15. Wat zit er allemaal in HTML 5?
  • 16. Maar er is meer!
  • 17. Web WorkersJavaScript mag niet te lang duren van de browserVia een Worker() object kan een JavaScript file in deachtergrond gestart worden Mag wel langer duren
  • 18. Web WorkersWeb Workers zijn beperkt in wat ze mogen doen Niets met het documentMogen wel IO doen XMLHttpRequest FileReader importScripts()Document kan berichten met worker uitwisselen postMessage() onmessage callback functie wordt aangeroepenAlle data wordt gekloond
  • 19. Web Workers DEMO
  • 20. Web SocketsBidirectionele communicatie tussen de browser en deserver Sockets voor het webGebruikt geen standaard HTTP Hou rekening met oudere infrastructuur!Kan ook binaire data versturen.
  • 21. Web SocketsEr is een server side component nodigSocket.IO is de populairste Draait op node.jsDiverse .NET iplementaties WCF 4.5 - WebSocketsHost SignalR.WebSockets (.NET 4.5) Fleck (.NET 4.0)
  • 22. Web Sockets DEMO
  • 23. ConclusieHTML 5 heeft een grote toekomst Het is de enige platform onafhankelijke UI techniek Zelfs binnen Windows 8 is het belangrijkDiverse browsers ondersteunen verschillendeonderdelen Gebruik feature detection om te zien wat wel en niet Gebruik polyfills om ontbrekende stukken aan te vullenJe hoeft niet te wachten tot het klaar is Begin nu en maak betere web applicaties