HTML5: wat, waarom en hoe
•Download as PPTX, PDF•
0 likes•348 views
Wat is HTML5, waarom is het belangrijk, en wat kan je er mee? Een educatieve presentatie gehouden op de Avans Hogeschool op 18 september 2013.
Recommended
Recommended
More Related Content
Featured
Featured (20)
HTML5: wat, waarom en hoe
- 4. Het start allemaal met Content
- 5. HTML
- 10. Fancy teaser
- 12. Fancyness: CSS3
- 13. Fancyness: HTML5
- 14. Javascript
- 15. Dus
- 16. Dé toolkit voor de toekomst
Editor's Notes
- Desktop applicaties zijn uit, web-applicaties zijn in Gebruikers altijd de laatste versie Super eenvoudig te distribueren Enorm bereikAnalytics, AB testenDus web, en dan vandaag speciaal HTML5.Maarrr, om er eerst in te komen, een kort filmpje om te demonstreren hoe ik me soms voel als het over HTML5 gaat http://www.youtube.com/watch?v=rVqngNypPdM
- http://www.youtube.com/watch?v=rVqngNypPdMCheck: jullie weten het verschil tussen HTML, CSS en Javascript? HTML5 is feitelijk alleen de nieuwe versie van HTML, maar vaak worden ook JS en CSS3 er meegepakt. Het is het ‘nieuwe webdevelopment’Browsers ondersteunen gedeeltes van HTML5/CSS3 etc, niet: “een browser ondersteunt HTML5” We zullen het hebben over HTML5 zoals de media er over spreekt: alle nieuwigheden aan het webCheck: jullie weten het verschil frontend en backend? Alles in de browser is Frontend, en die praat tegen een backend. Mobile is feitelijk ook frontend, maar vaak gescheiden als in “frontend + mobile”Javascript nu ook aan de serverkant! Veel HTML5 elementen zijn alleen maar met JS te bedienen
- Daarvoor wil ik jullie eerst meenemen naar een setje andere slidesResponsive Webdesign SlidesHTML5 komt dus pas op plek 3 en 4
- Dit is simpele HTML
- Browsermakers willen geen afhankelijkheid van anderenMicrosoft had wel Silverlight, maar Flash was beter, en ze waren te laat: Chrome en FF hadden al een te groot marktaandeel. Sites wilden in alle browsers en platformen blijven werken, en Silverlight had zich nog niet bewezen.En toen kwam Apple die De browser vlot wilde laten draaien Geen zin had in plugins, en geen zin had in Flash De appstore wilde promoten en lock-increeëren. Sites moesten dus niet té fancy zijn
- Vooral door Apple zijn er nu veel zaken in HTML5Flash op mobiel heeft z’n einde.HTML5 is geaccepteerd als de toekomst. Veel spelletjes toch nog in Flash, maar dat verandert steeds meer.
- HTML5 is een uitbreiding op HTML4Afgesproken door browsermakers onderling
- http://craftymind.com/factory/html5video/CanvasVideo.html
- http://net.tutsplus.com/tutorials/html-css-techniques/25-html5-features-tips-and-techniques-you-must-know/En laten we wat uitproberen op http://jsbin.com -> http://jsbin.com/ATIzoP/1/editVolledig overzicht html5 elementen: http://www.html-site.nl/downloads/html5.pdfhttps://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/HTML5_element_list
- CSS3 matrix transformations:http://www.eleqtriq.com/2010/05/css-3d-matrix-transformations/CSS3 flipbooks:http://tympanus.net/Development/BookBlock/index5.htmlCSS3 transforms&transitions :http://jsbin.com/EPuZEhE/1/edit
- SVG http://raphaeljs.com/WebGL http://skycraft.io/http://threejs.org/ http://carvisualizer.plus360degrees.com/threejs/ http://hellorun.helloenjoy.com/ http://helloracer.com/webgl/ http://chandlerprall.github.io/Physijs/examples/jenga.html http://mrdoob.github.io/three.js/examples/webgl_terrain_dynamic.html http://notlion.github.io/streetview-stereographic/#o=0,0,0,1&z=1.535&mz=17&p=36.86201,-5.17943Canvas http://chrome.angrybirds.com/ http://weavesilk.com/ http://physicsketch.appspot.com/ http://spielzeugz.de/html5/liquid-particles.html http://mudcu.be/sketchpad/ http://www.cuttherope.ie/ http://andrew-hoyer.com/andrewhoyer/experiments/cloth/
- http://www.html5rocks.com/en/features/offlineWebworkersWebsockets http://sharejs.org/Offline storageOrientation http://wagerfield.github.io/parallax/History APIDrag&Drop http://html5demos.com/file-apiXHR File upload http://timothypoon.com/blog/demos/ajax-file-api/GeoLocationContentEditableMuis lockVolledig schermCross-document berichtenWeb Audio http://labs.dinahmoe.com/ToneCraft/# http://www.html5rocks.com/en/tutorials/webaudio/intro/
- Voor websites, denk eerst aan content, daarna is HTML5 TOP!Voor spelletjes heb je niet echt ‘content’ dus daar is HTML5 sowieso uitermate geschikt voor…!
- Toolkit steeds op meer plekken te gebruiken, steeds op meer plekken toegestaanMaar wat ga je er mee doen? Wat is je doel? Ga je er iets mee maken wat mensen daadwerkelijk verder helpt?Over een paar jaar kan je het niet meer wégdenken.Wellicht kan je bij Capgemini terecht om het bij grote nederlandse bedrijven in te zetten!
- Als herinnering wat leuke zaakjes!