JSFoo 2017

JSFoo is a conference about JavaScript and everything related.

Service Workers and the Role They Play in Modern-Day Web Apps

Submitted by Mukul Jain (@mukul1904) on Monday, 22 May 2017

videocam_off

Technical level

Intermediate

Section

Full Talk

Status

Submitted

Vote on this proposal

Login to vote

Total votes:  +5

Abstract

Service workers have greatly improved the experience of web apps by providing offline access to pages, caching data, background sync and other native app-like features. Nowadays, Progressive Web Apps are working together with service workers to provide the users better performance and experience than a typical web app. But service worker’s power doesn’t just stop at giving offline experience and background notifications. They can be used in areas ranging from request deferring to the virtual server.

Through this talk, I am gonna share how to use service workers and how they give better performance and user experience.

Outline

  • Service Workers API
  • Service Worker Use cases
  • Offline Experience via Service Workers
  • Push Notification via Service Workers
  • Performance boost in Apps by using Service Workers
  • Why HTTPS
  • Rise of Service Workers over App Cache
  • Service Worker implementation: Offline Browsing and Push Notification
  • Security issues like encryption during Web Push (> Chrome 50), HTTPS Only and Man-in-the-Middle attacks
  • What future holds for Service Workers

Requirements

Basic knowledge of Client-Server architecture.

Speaker bio

Mukul is a Software Engineer and technical blog writer at NodeXperts. He is passionate about application development, solving problems and learning new technologies. He has worked on Node.js, MEAN, Meteor, AngularJS, d3.js, Salesforce and AWS.

Links

Slides

https://www.slideshare.net/MukulJain26/service-workers-and-the-role-they-play-in-modern-day-web-apps-76947757

Comments

  • 1
    Mukul Jain (@mukul1904) Proposer a year ago (edited a year ago)

    I have updated my slide deck with new slides which includes code samples, hands-on demo and data flow diagrams.

Login with Twitter or Google to leave a comment