Html5 Intro
Download as PPTX, PDF0 likes574 views
The document discusses key features of HTML5, JavaScript, and CSS3 including offline storage, connectivity, file access, semantics, audio/video, 3D/graphics, presentation with CSS3, geolocation, and JavaScript frameworks for single page applications. Specific technologies are mentioned like cookies, web storage, IndexedDB, web workers, server-sent events, drag and drop files, and popular frameworks like jQuery, Modernizr, and Backbone.js.
Html5 Intro
- 1. HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
- 2. Offline Storage • Cookies 4K limit • Web Storage 2.5-10Mb, Key-Pair • Web SQL Database SQL structure • IndexedDB official, noSQL • FileSystem Very early standard • Application Cache images, js, so on..
- 3. HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
- 4. Connectivity • Web Workers background worked • Server-Sent Events server sends update
- 5. HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
- 6. File Access • Drag and Drop inside of browser • FileAPI D&D from desktop, temp, progress
- 7. HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
- 8. HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
- 9. HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
- 10. HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
- 11. HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
- 12. HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
- 13. JavaScript frameworks (SPA) • jQuery • Modernizr • Requirejs • Knockoutjs • Backbonejs • Durandaljs • QUnitjs
- 14. Q&A
Editor's Notes
- #3: m.gmail.com
- #5: http://slides.html5rocks.com/#web-workers
- #7: http://studio.html5rocks.com/#Photos
- #8: http://slides.html5rocks.com/#new-form-types
- #10: http://www.keithclark.co.uk/labs/3dcss/demo/http://helloracer.com/webgl/
- #11: http://slides.html5rocks.com/#text-wrapping
- #14: http://papademo.azurewebsites.net/