What are Progressive Web Apps?

Progressive Web Apps overview and features of PWA production with JS Frameworks
09 August 2017   4086

What is Progressive Web Apps? 

Progressive Web Apps (PWA) was announced by Google in 2015. This format of creating mobile websites attracted attention due to the relative ease of development and almost instantaneous interaction with the user. As early as May 2016, at the Google I / O Developer Conference, The Washington Post demonstrated its mobile hybrid site-application.

What is PWA? You can perceive this as a site built using web technologies, but which interacts with the user as an application. The advances in the development of browsers, cache and Push-interfaces allowed installing the application on the home screen directly from the browser, receiving pop-up notifications and even working offline.

Main differences between PWA and native apps.

1. In browsers of Google, Opera, Firefox and Microsoft PWA can be loaded on any gadgets, regardless of the screen size and other specifications. In addition, developers of browser data will offer users to install PWA on the second visit of the site.

2. Application developers note that creating a progressive application is easier and faster than a regular site.

3. You do not need an API with backward compatibility support. In the case of PWA, users run the same version of the site code (unlike classic applications).

And this is only the beginning. Microsoft is already working on the task of how to add progressive web applications to the Windows Store. Google in May 2016 voiced a long list of ideas for the development of advanced applications. And the fact that search engines will pay special attention to PWA in the future seems inevitable.

Features of PWA production with JS Frameworks 

Learn how the world’s largest brands ship Progressive Web Apps that instantly load on mobile hardware. Take a look at how apps built using React, Preact, Vue, Angular & Polymer can be used to build instantly interactive, engaging & data-plan sensitive user experiences. How this investment paid off on core business metrics. Learn PWA best practices, patterns for efficiently loading websites and the latest tools for getting fast and staying fast.

Frontend News Digest 1 - 7.02

How to Create a WP Site with JAMstack, formatting dates in JS with Intl.DateTimeFormat, Edge DevTools now supports more languages and more
07 February 2020   371

Greetings! I hope your week went great! Here's new frontend technologies news digest.

Check the MongoDB One-to-Many Relationship tutorial with Mongoose examples, the CO2 emission of the websites new NodeJS update and other interesting things

Guides

  • How To Create A Headless WordPress Site On The JAMstack

Tutorial on simple way to create a WordPress site

  • MongoDB One-to-Many Relationship tutorial with Mongoose examples

Guide about Mongoose - the most popular way to use MongoDB from Node.js.

  • Formatting dates in JavaScript with Intl.DateTimeFormat

Check the modern way to format dates in a region friendly way using native APIs, as now supported all major browsers and both Node

Articles

  • CO2 emissions on the web

Learn the lever of CO2 emissions websites produce by consuming a lot of energy for its activity

  • Bringing the Microsoft Edge DevTools to more languages

Now Edge's DevTools support more languages

Video

  • Chrome 80 - What’s New in DevTools

Updates

  • massCode

Snippets manager for developers

  • micro-jaymock

Tiny API mocking microservice for generating fake JSON data

  • Node v13.8.0 (Current)

Another update of popular solution

  • Electron 8.0.0

Major release of popular JS based solution