Client/Server 3.0 - 6 Ways JavaScript is Revolutionizing the Client/      Server Relationship      27 NOVEMBER 2012Wednesd...
Jesse Cravens & Jeff Burtoft                                       HTML5                                       Hacks      ...
HACKS                             node.JS Hacks                             Summer 2013Wednesday, November 28, 12
Client/Server 3.0:           6 Ways JavaScript is Revolutionizing the       Client/Server RelationshipWednesday, November ...
6 Ways JavaScript is Revolutionizing the Client/Server Relationship                      6 ways JavaScript is Revolutioniz...
6 Ways JavaScript is Revolutionizing the Client/Server Relationship                      #1 Device Access within the Brows...
6 Ways JavaScript is Revolutionizing the Client/Server Relationship                      DEVCON5 HTML5 Summit             ...
6 Ways JavaScript is Revolutionizing the Client/Server Relationship                      DEVCON5 HTML5 Summit             ...
6 Ways JavaScript is Revolutionizing the Client/Server Relationship                      DEVCON5 HTML5 Summit             ...
GeoLocation Hacks       from ‘HTML5 Hacks’Wednesday, November 28, 12
Device Orientation Hacks       from ‘HTML5 Hacks Xtra’Wednesday, November 28, 12
6 Ways JavaScript is Revolutionizing the Client/Server Relationship                      #2: Client-Side Background Thread...
6 Ways JavaScript is Revolutionizing the Client/Server Relationship                      DEVCON5 HTML5 Summit             ...
Web Workers Hacks       from ‘HTML5 Hacks’Wednesday, November 28, 12
6 Ways JavaScript is Revolutionizing the Client/Server Relationship                      #3: Device Detection and Adaptive...
6 Ways JavaScript is Revolutionizing the Client/Server Relationship                      DEVCON5 HTML5 Summit             ...
ResponderJS       with Fn-ResponsiveWednesday, November 28, 12
6 Ways JavaScript is Revolutionizing the Client/Server Relationship                      #4: HTML5 Connectivty Revolution ...
6 Ways JavaScript is Revolutionizing the Client/Server Relationship            HTML5 Connectivity                         ...
6 Ways JavaScript is Revolutionizing the Client/Server Relationship            HTML5 Connectivity                         ...
6 Ways JavaScript is Revolutionizing the Client/Server Relationship                      DEVCON5 HTML5 Summit             ...
6 Ways JavaScript is Revolutionizing the Client/Server Relationship                      DEVCON5 HTML5 Summit             ...
6 Ways JavaScript is Revolutionizing the Client/Server Relationship                      DEVCON5 HTML5 Summit             ...
6 Ways JavaScript is Revolutionizing the Client/Server Relationship                      DEVCON5 HTML5 Summit             ...
Robodeck       Socket.io Driven Collaborative PresentationsWednesday, November 28, 12
node-spdy       Hello WorldWednesday, November 28, 12
6 Ways JavaScript is Revolutionizing the Client/Server Relationship                      #5: Single Language, Shared Synta...
Node Streams       from NodeJSHacksWednesday, November 28, 12
6 Ways JavaScript is Revolutionizing the Client/Server Relationship                      #6 Embedded JavaScript           ...
Embedded NodeJS       from NodeJSHacksWednesday, November 28, 12
Image API       DragDrop, XHR2 FormData, Express Restful       ServicesWednesday, November 28, 12
© 2012 frog. All rights reserved.Wednesday, November 28, 12
Upcoming SlideShare
Loading in …5
×

Client Server 3.0 - 6 Ways JavaScript is Revolutionizing the Client/Server Relationship

5,596 views

Published on

- Device Access Within the Browser
- Client Side Processing w/ Background Threads
- Device Detection and Descriptors / - Adaptive Frameworks
- HTML5 Connectivity Revolution and HTTP 2.0
- Single Runtime, Shared Syntax
- Embedded JavaScript

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

No Downloads
Views
Total views
5,596
On SlideShare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
30
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Client Server 3.0 - 6 Ways JavaScript is Revolutionizing the Client/Server Relationship

  1. 1. Client/Server 3.0 - 6 Ways JavaScript is Revolutionizing the Client/ Server Relationship 27 NOVEMBER 2012Wednesday, November 28, 12
  2. 2. Jesse Cravens & Jeff Burtoft HTML5 Hacks Tips & Tools for Creating Interactive Web Applications @jdcravens github.com/jessecravens jessecravens.com html5hacks.comWednesday, November 28, 12
  3. 3. HACKS node.JS Hacks Summer 2013Wednesday, November 28, 12
  4. 4. Client/Server 3.0: 6 Ways JavaScript is Revolutionizing the Client/Server RelationshipWednesday, November 28, 12
  5. 5. 6 Ways JavaScript is Revolutionizing the Client/Server Relationship 6 ways JavaScript is Revolutionizing the Client/Server Relationship • Device Access Within the Browser • Client Side Processing w/ Background Threads • Device Detection and Descriptors / Adaptive Frameworks • HTML5 Connectivity Revolution and HTTP 2.0 • Single Runtime, Shared Syntax • Embedded JavaScript DEVCON5 HTML5 Summit 5 OCT 2012 5Wednesday, November 28, 12
  6. 6. 6 Ways JavaScript is Revolutionizing the Client/Server Relationship #1 Device Access within the Browser • Adobe Cordova (phoneGap) • Device API is now defunct. • getUserMedia/Stream API (no native IE support ... yet?) • GeoLocation API broad support (except IE8) • Device Orientation, Device Motion, (poorly supported / hacky) The Client Gets Smarter. JavaScript Device APIs continue to evolve, allowing more access to device hardware, services and applications such as the camera, microphone, system sensors, native address books, calendars and native messaging applications. DEVCON5 HTML5 Summit 5 OCT 2012 6Wednesday, November 28, 12
  7. 7. 6 Ways JavaScript is Revolutionizing the Client/Server Relationship DEVCON5 HTML5 Summit 5 OCT 2012 7Wednesday, November 28, 12
  8. 8. 6 Ways JavaScript is Revolutionizing the Client/Server Relationship DEVCON5 HTML5 Summit 5 OCT 2012 8Wednesday, November 28, 12
  9. 9. 6 Ways JavaScript is Revolutionizing the Client/Server Relationship DEVCON5 HTML5 Summit 5 OCT 2012 9Wednesday, November 28, 12
  10. 10. GeoLocation Hacks from ‘HTML5 Hacks’Wednesday, November 28, 12
  11. 11. Device Orientation Hacks from ‘HTML5 Hacks Xtra’Wednesday, November 28, 12
  12. 12. 6 Ways JavaScript is Revolutionizing the Client/Server Relationship #2: Client-Side Background Threads • Browser runs a single threaded, event loop • Dedicated Web Workers • Shared Web Workers • Async Programming Models, Reactionary Systems • Interpreters are Maturing (V8) The Client Gets More Powerful. Web Workers API enables background threads in the browser, making heavy computations realistic. DEVCON5 HTML5 Summit 5 OCT 2012 12Wednesday, November 28, 12
  13. 13. 6 Ways JavaScript is Revolutionizing the Client/Server Relationship DEVCON5 HTML5 Summit 5 OCT 2012 13Wednesday, November 28, 12
  14. 14. Web Workers Hacks from ‘HTML5 Hacks’Wednesday, November 28, 12
  15. 15. 6 Ways JavaScript is Revolutionizing the Client/Server Relationship #3: Device Detection and Adaptive/ Responsive Frameworks • CSS3 Media Queries • Responsive Grids • Modernizr • Polyfill Support - Cross Platform Compliance • Adaptive Frameworks (UA Sniffing - Maps to Templates) • State of DDRs (Device Description Repositories) • W3C Device Description Working Group (DDWG) (closed 2008) • WURFL (commercial Oct 2011) • OpenDDR - based on W3Cs DDR Simple API, .NET, Java • Device Atlas DEVCON5 HTML5 Summit 5 OCT 2012 15Wednesday, November 28, 12
  16. 16. 6 Ways JavaScript is Revolutionizing the Client/Server Relationship DEVCON5 HTML5 Summit 5 OCT 2012 16Wednesday, November 28, 12
  17. 17. ResponderJS with Fn-ResponsiveWednesday, November 28, 12
  18. 18. 6 Ways JavaScript is Revolutionizing the Client/Server Relationship #4: HTML5 Connectivty Revolution and HTTP 2.0 • Web Sockets API • XHR2 • Event Source and Server Sent Events • SPDY • CORS DEVCON5 HTML5 Summit 5 OCT 2012 18Wednesday, November 28, 12
  19. 19. 6 Ways JavaScript is Revolutionizing the Client/Server Relationship HTML5 Connectivity http://marakana.com/s/peter_lubbers_the_html5_connectivity_revolution_devcon5,1170/index.html DEVCON5 HTML5 Summit 5 OCT 2012 19Wednesday, November 28, 12
  20. 20. 6 Ways JavaScript is Revolutionizing the Client/Server Relationship HTML5 Connectivity http://marakana.com/s/peter_lubbers_the_html5_connectivity_revolution_devcon5,1170/index.html DEVCON5 HTML5 Summit 5 OCT 2012 19Wednesday, November 28, 12
  21. 21. 6 Ways JavaScript is Revolutionizing the Client/Server Relationship DEVCON5 HTML5 Summit 5 OCT 2012 20Wednesday, November 28, 12
  22. 22. 6 Ways JavaScript is Revolutionizing the Client/Server Relationship DEVCON5 HTML5 Summit 5 OCT 2012 21Wednesday, November 28, 12
  23. 23. 6 Ways JavaScript is Revolutionizing the Client/Server Relationship DEVCON5 HTML5 Summit 5 OCT 2012 22Wednesday, November 28, 12
  24. 24. 6 Ways JavaScript is Revolutionizing the Client/Server Relationship DEVCON5 HTML5 Summit 5 OCT 2012 23Wednesday, November 28, 12
  25. 25. Robodeck Socket.io Driven Collaborative PresentationsWednesday, November 28, 12
  26. 26. node-spdy Hello WorldWednesday, November 28, 12
  27. 27. 6 Ways JavaScript is Revolutionizing the Client/Server Relationship #5: Single Language, Shared Syntax • Node Streams - IO as it should be • Linux Pipes • Modular • Different Types of Streams • Browserify - Build tool to Normalize APIs between Client/ Server • node-browserify - adds require() • http-browserify - adds http() • DomNode - wrap common I/O bound APIs in node style stream • Browser-stream - open pipable streams to and from the browser, with Socket.io Node.js has enabled the same language, single runtime. But, the paradigms are still quite different. Next steps are shared APIs. DEVCON5 HTML5 Summit 5 OCT 2012 26Wednesday, November 28, 12
  28. 28. Node Streams from NodeJSHacksWednesday, November 28, 12
  29. 29. 6 Ways JavaScript is Revolutionizing the Client/Server Relationship #6 Embedded JavaScript • more and more JavaScript Ubiquity • JavaScript Arduino Wrappers • Noduino • Johnny Five • Server moves to the Client • Beaglebone (Angstrom Linux) • Bonescript • Mongoose ORM • Mongo JavaScript CLI • node-ar-drone There is a barrier of entry to learning SQL, C and C++, and Linux. JavaScript is opening new worlds for Developers. Not to mention, the server is now on the client. DEVCON5 HTML5 Summit 5 OCT 2012 28Wednesday, November 28, 12
  30. 30. Embedded NodeJS from NodeJSHacksWednesday, November 28, 12
  31. 31. Image API DragDrop, XHR2 FormData, Express Restful ServicesWednesday, November 28, 12
  32. 32. © 2012 frog. All rights reserved.Wednesday, November 28, 12

×