Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Leveraging Modern Device Features From the Web @ Nodevember

Leveraging Modern Device Features From the Web @ Nodevember

Your website is unresponsive, your cookie size is through the roof. Your competitors have come out with native apps which are flashy and zippy, and they’re eating into your market share. Is it time to drop your website for a native application? Instead of abandoning the web, wouldn’t it be great if you could just spawn a background thread to increase responsiveness, delete some of those cookies and store preferences on the filesystem, and access the accelerometer to get that nifty parallax motion effect — all from the browser? In this talk, you’ll learn to do just that — to spawn threads, save local settings, store your site’s code locally, access a camera and microphone, read accelerometer data, and more! You’ll not only see code samples, but you’ll see working examples designed to get your site off the ground.

Andrew Dunkman

November 16, 2014
Tweet

More Decks by Andrew Dunkman

Other Decks in Technology

Transcript

  1. Modern Device Features
    Andrew Dunkman
    @adunkman
    Leveraging
    From the Web
    The previously scheduled talk
    “Continuous Delivery with Node.JS and Docker”
    isn’t happening for reasons,
    so here’s something entirely different.

    View Slide

  2. View Slide

  3. Web Apps
    U G H
    EXIT 90

    View Slide

  4. Web Apps
    U G H
    EXIT 90
    Native Apps
    W T F
    EXIT 91

    View Slide

  5. Web Apps
    U G H
    EXIT 90

    View Slide

  6. Web Apps
    U G H
    EXIT 90
    Desktop Apps
    R L Y
    EXIT 92

    View Slide

  7. View Slide

  8. View Slide

  9. View Slide

  10. SPEC
    WORK

    View Slide

  11. getUserMedia
    WebRTC Peer Connection Ambient Light
    Notification Battery
    Orientation
    Geolocation Service Workers
    Web Workers
    File, FileList IndexedDB
    AppCache Local, Session Storage

    View Slide

  12. Modern Device Features
    Geolocation

    View Slide

  13. Modern Device Features
    Ambient Light

    View Slide

  14. Modern Device Features
    getUserMedia

    View Slide

  15. Modern Device Features
    Orientation

    View Slide

  16. Modern Device Features
    Battery

    View Slide

  17. Modern Device Features
    Notification

    View Slide

  18. Modern Device Features
    File, FileList

    View Slide

  19. Modern Device Features
    Local, Session Storage

    View Slide

  20. Modern Device Features
    Web Workers

    View Slide

  21. Modern Device Features
    Service Workers

    View Slide

  22. Modern Device Features
    IndexedDB

    View Slide

  23. Modern Device Features
    WebRTC Peer Connection

    View Slide

  24. Modern Device Features
    WebRTC Peer Connection
    talky.io

    View Slide

  25. Modern Device Features
    AppCache

    View Slide

  26. Modern Device Features
    AppCache
    Please don’t.

    View Slide

  27. getUserMedia
    WebRTC Peer Connection Ambient Light
    Notification Battery
    Orientation
    Geolocation Service Workers
    Web Workers
    File, FileList IndexedDB
    AppCache Local, Session Storage

    View Slide

  28. getUserMedia
    WebRTC Peer Connection Ambient Light
    Notification Battery
    Orientation
    Geolocation Service Workers
    Web Workers
    File, FileList IndexedDB
    AppCache Local, Session Storage

    View Slide

  29. Modern Device Features
    Andrew Dunkman
    @adunkman
    Leveraging
    From the Web

    View Slide

  30. Modern Device Features
    Andrew Dunkman
    @adunkman
    Leveraging
    From the Web
    Demos:
    http://git.io/SrtVXA
    Slides:
    http://bit.ly/1tXSbGi

    View Slide