How to build the next generation web experiences – Progressive Web Apps

web - pwa

In this article, I will help you get resources to supercharge your new or existing project with the next generation of web technologies in order to deliver fast, secure, and greater content to any screen.

The core foundations of a delightful web experience

Fast

Users don’t expect junky scrolling or slow load performance. Making your site fast is a process that starts with understanding how RAIL affects the performance of your site and how use that to measure and improve your performance.

Integrated

User experiences on the web should feel like an integrated part of the user’s device; instead of having to reach through a browser window, the experience should feel true to how the user interacts with the device.

Resources;

1. Get a place on the user’s home screen.

2. Simplify payments with the Payment Request API.

Reliable

Users don’t expect the web to work without a network connect, and often don’t even bother to try when it’s a slow or intermittent connection. We need to change that perception. The web must be reliable.

Resources;

1. Use the Offline Cookbook to improve reliability.

2. What should you consider when designing for slow or intermittent networks?

Engaging

An engaging app goes beyond functional, but ensures that the whole experience is delightful making it easy for the user to do what they need to do. Using features like Web Push, it’s always up to date, and Notifications keeps users informed. It uses the right capabilities, at the right time, in a beautiful way.

Resources;

1. Use Push  Notifications to re-engage with users.

2. Designing beautiful user experiences.

web - pwa

And what are the best practices to follow?

Move to HTTPS

HTTPS allows users to securely connect to your website or app. Set up HTTPS to protect the integrity of your site, and the security of your users.

Learn more

Optimize performance

Users don’t have the patience to wait for sites that can’t deliver content quickly. Learn testing techniques and best practices to ensure that your sites and apps are optimized and perform superbly.

Learn more

Make it responsive

Modern users live on phones, tablets and laptops; your apps and websites should do the same. Learn how to structure and code your content to look great on screens of any size.

Learn more

Next…

Discover tools that can help you kick start your development and improve your workflow.

Find them here?—? Tools

Demo super web apps?

Find demo apps on Project PWA Fire developer site Here

So whoa! There you go! That should help you grow and scale up your building skills!

Cheers!