Progressive Web Application Development [Video]

More Information
Learn
  • Build web apps that look and feel like native mobile apps
  • Leverage new web technologies such as the Fetch API and promises.
  • Audit and improve a PWA with different tools
  • Convert an existing app to a PWA
  • Boost your web app speed with the help of progressive enhancements and approaches.
  • Increase user engagement by using push notifications
  • In-depth details about service workers
  • Offline storage and different caching APIs.
About

This course teaches you how to build discoverable and engaging progressive web applications (PWAs) using the Cache API to make it offline-ready and blazingly fast service workers to intercept network requests and web app manifests, thus leveraging native-like features.

We begin by introducing the core concepts of progressive web apps, explaining each of them in detail and finishing up by implementing them into a production-ready app.

A service worker is the main PWA tool. In this course, you will master the power of new APIs including the Fetch API, promises, and more. Don't lose your users when their internet connection is lost; get hands-on with powerful caching and network request strategies to provide synchronization of data while your app is offline. Learn how to improve user engagement with your apps by adding push notifications.

We also cover app manifests in depth to let your users add your application to their mobile home screen and reopen the app as easily as tabbing on the web app icon, just as with other native mobile apps. They'll also surf while there is no address bar; the user experience feels like a native mobile app due to the addition of a splash screen, application shell, native default color, and more.

Tools are always helpful while developing software; therefore, this course teaches you how to boost your productivity by using Workbox, to make service worker management a lot easier, and Lighthouse, to show your PWA score demonstrate and how you can achieve 100/100.

All of the topics in this course feed into a practical project which, by the end of the course, is ready to deploy to production. To ensure that the app is useful for any kind of project later and also that you can learn everything in depth, the course project is created in pure JS/CSS/HTML.

Last but not least, SPAs (Single Page Applications) are super-critical as these days they perform such a leading role in web development and building hybrid and native mobile apps. Therefore, this course dedicates a section to show you how you can use Angular, React, Ember, and Vue.js to build a progressive web application.

All the code and supporting files for this course are available on Github at https://github.com/PacktPublishing/Progressive-Web-Application-Development

Style and Approach

The course explains the concepts first and then implements what has been explained with the help of a practical project. By end of the course, you'll not only be familiar with how PWAs work, but will also have built and deployed a production-ready app with practical tips.

Features
  • Understand why PWAs are important and what they solve
  • Learn core PWA concepts and how to implement them in an existing application or build from scratch
  • Practical in-depth lessons about service workers, the Fetch API, promises, push notifications, caching, and app manifests.
  • Learn how to turn a Single Page Applications (SPAs) into a PWA.
Course Length 7 hours 3 minutes
ISBN 9781787285958
Date Of Publication 29 Mar 2018

Authors

Majid Hajian

Majid Hajian is a software engineer with a passion for frontend technologies who has been worked over 9 years in this field.

He is very involved in open source projects and you can find him on http://github.com/mhadaily; he also helps to organize meetups and conferences around the world such as Vue.js, Angular and is a mobile meetup co-organizer in Oslo.

Majid is also a public technical speaker, a trainer, and a blogger.

If you want to get in touch with him feel free to contact him on Twitter (@mhadaily) or via e-mail me@majidhajian.com.