Offloading server work to the client side

A presentation of a few JavaScript libraries that help you do in the browser what you traditionally do on the server.

Transcript

1. Offloading server work to the client side Dimiter Petrov @crackofdusk 21 November 2013
2. Background
3. Scoffing at JavaScript is easy
4. Scoffing at JavaScript is easy (Search for “wtfjs”)
5. Scoffing at JavaScript in the browser was easy
6. Scoffing at JavaScript in the browser was easy (Remember DHTML?)
7. Not anymore
8. In a browser near you • Typed arrays • Web workers • File API • Canvas • WebGL • Web Audio API (and many more)
9. pdf.js
10. pdf.js PDF reader in JavaScript
11. pdf.js PDF reader in JavaScript The default PDF reader in Firefox
12. Aurora.js JavaScript audio decoding framework
13. Aurora.js JavaScript audio decoding framework Codecs for MP3, AAC, FLAC, ALAC
14. Aurora.js JavaScript audio decoding framework Codecs for MP3, AAC, FLAC, ALAC In your browser, without any plugins
15. 3D games! (Also in your browser, without any plugins)
16. http://www.unrealengine.com/html5/
17. https://www.youtube.com/watch?v=BV32Cs_CMqo
18. “Yeah, okay. Show me something useful.”
19. Shifting responsibilities
20. PDF rendering
23. jsPDF A client-side PDF generator
24. jsPDF Good browser support (Firefox 3+, Chrome, Safari 3+, Opera, IE6+*)
25. jsPDF drawback You need to make sur you can run the same code on the server as a fallback
26. http://www.flickr.com/photos/mrcam/206628965/
27. zip.js A JavaScript library to zip and unzip files
28. zip.js Fully compatible with Chrome, Firefox, Safari 6, Internet Explorer 10 Workaround for Safari 5 and IE9 (Typed Array polyfill and disbled Web Workers)
29. File uploads
30. http://en.wikipedia.org/wiki/File:Occupy_Oakland_99_Percent_signs.jpg
31. Failed uploads of large files are no fun
32. What if you didn’t need to re-upload the entire file?
33. Resumable.js Simultaneous, stable, resumable uploads
34. Resumable.js Resists to network failure Resumes automatically when the connection is up again Allows pausing uploads
35. Resumable.js Requires: • the HTML 5 File API to split files into small pieces • server-side setup to put the file back together
36. Thank you!
37. pdf.js https://github.com/mozilla/pdf.js Aurora.js https://github.com/audiocogs/aurora.js/ Unreal engine demo http://www.unrealengine.com/html5/ jsPDF http://parall.ax/products/jspdf zip.js http://gildas-lormeau.github.io/zip.js/ resumable.js http://resumablejs.com/