Html5 semppu

826 views

Published on

Published in: Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
826
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
5
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Html5 semppu

  1. 1. Samuli SulkkoMicrosoft Student PartnerTurun AMKsamuli.sulkko@studentpartner.com
  2. 2. aiheetlyhyt historiaHTML5?uudet elementituudet APIttyökalut
  3. 3. historia
  4. 4. HTML5? uudet elementit ohjelmointirajapinnat selaimen muuttuminen ohjelmointialustaksi
  5. 5. HTML5 = HTML + CSS + JS
  6. 6. mitä uuttasemanttiset elementituudet APIt web-applikaatioillevideo ja audio-elementitVähentää plugin tarvetta
  7. 7. HTML5 vs HTML4
  8. 8. HTML DOCTYPE<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"http://www.w3.org/TR/html4/frameset.dtd><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  9. 9. HTML5 DOCTYPE <!DOCTYPE HTML>
  10. 10. semanttisuus
  11. 11. uudet elementit article aside audio canvas command datalist details embed figcaption figure footer header hgroup keygen mark meter nav output progress rp ruby section source summary time video
  12. 12. rakenne
  13. 13. video & audio
  14. 14. video <video src=animoto.webm controls> </video>
  15. 15. audio <audio src=“song.mp3”> </audio>
  16. 16. codecs VIDEO AUDIOWEBM (VP8 CODEC) .OGG / .OGV (VORBIS CODEC)MP4 (H.264 CODEC) MP3OGV (OGG THEORA MP4 / M4A (AAC CODEC)CODEC) WAV
  17. 17. canvas
  18. 18. HTML5 formsWeb Forms 2.0 on integroitu HTML5:ssaInput elementit: email, calendar, date, time, search &URLDate pickers, Color pickers & numeric stepper controlsTuki PUT ja DELETE metodeille
  19. 19. uudet APIt
  20. 20. OFFLINE
  21. 21. APP CACHE
  22. 22. data storage web storage Local Storage Session Storage
  23. 23. WEB SOCKETS
  24. 24. WEB MESSAGING
  25. 25. WEB WORKERS
  26. 26. GEOLOCATION
  27. 27. DRAG & DROP
  28. 28. muut teknologiatCSS3 EditableSVG File AccessWebGLError HandlingMicrodata
  29. 29. selaimet & tuki
  30. 30. polyfilling
  31. 31. polyfilling
  32. 32. työkalut
  33. 33. HTML5 & tulevaisuuskäyttöönotto on alkanutjatkuva kehitysuusi standardikäyttö projekteissa
  34. 34. yhteenvetoHTML5 = HTML+ CSS + JSMULTIMEDIA (AUDIO, VIDEO & CANVAS)POLYFILLING (MODERNIZR)TYÖKALUTJATKUVA KEHITYS
  35. 35. lisätietoa http://dev.w3.org/html5/spec/Overview.html http://www.whatwg.org/specs/web-apps/current-work/ diveintohtml5.org/ Html5labs ieTestdrive
  36. 36. That’s all folks samuli.sulkko@studentpartner.com

×