HTML5 offline
0 likes482 views
The document appears to be notes from a presentation or discussion about web applications and HTML5 features. It discusses the performance of native apps vs web apps, differences between programming languages, the app approval process, releasing software early and often, offline web applications, cache manifest files, checking network connection status, retrieving and using data, and persistent local storage options like SQL databases and key-value stores. Presenter information is also provided.
HTML5 offline
- 1. Welcome! Tuesday, June 8, 2010
- 2. Who am I? Tuesday, June 8, 2010
- 3. Me: Huge Apple fanboy! Tuesday, June 8, 2010
- 4. Tuesday, June 8, 2010
- 5. I am the mayor ‘n shit! Tuesday, June 8, 2010
- 6. Tuesday, June 8, 2010
- 7. Tuesday, June 8, 2010
- 8. Native app Web app 3 2 1 0 Requests Tuesday, June 8, 2010
- 9. Native app Web app 3 2 AG E! S U CK 1 0 Requests Tuesday, June 8, 2010
- 10. Ruby’s syntax Objective-C syntax Tuesday, June 8, 2010
- 11. app-store approval process Tuesday, June 8, 2010
- 12. Release early release often Tuesday, June 8, 2010
- 13. What is the answer? Tuesday, June 8, 2010
- 14. Tuesday, June 8, 2010
- 15. Wow awesome! Tuesday, June 8, 2010
- 16. Tuesday, June 8, 2010
- 17. The answer: Tuesday, June 8, 2010
- 18. The answer: Webapps Tuesday, June 8, 2010
- 19. The real answer: HTML5 Offline Module http://www.w3.org/TR/offline-webapps/ Tuesday, June 8, 2010
- 20. Cache Manifest Tuesday, June 8, 2010
- 21. The manifest file mime: text/cache-manifest CACHE MANIFEST index.html stylesheets/all.css javascripts/jquery.js javascripts/rails.js javascripts/application.js images/logo.png images/hoff.png NETWORK: contacts/index.json Tuesday, June 8, 2010
- 22. <!DOCTYPE HTML> <html manifest="/cache-manifest"> Tuesday, June 8, 2010
- 23. Can you hear me now? var online = navigator.onLine; Tuesday, June 8, 2010
- 24. Grab the data and run! $.get('/contacts.json'); Tuesday, June 8, 2010
- 25. An app aint nuthing without: Persistent storage Tuesday, June 8, 2010
- 26. SQL database http://www.w3.org/TR/offline-webapps/#sql Tuesday, June 8, 2010
- 27. Key-value persistent data storage http://www.w3.org/TR/webstorage/ Tuesday, June 8, 2010
- 28. html5demos.com Tuesday, June 8, 2010
- 29. Justin Halsall • blog: juice10.com • pet project: tvnotify.com • twitter.com/juice10 • wakoopa.com/juice10 • github.com/Juice10 Tuesday, June 8, 2010
- 30. snoranje.nl Tuesday, June 8, 2010