Progressive Web Apps: WhoAmI
Interest in developing applications for mobile operating systems in the developer community is steadily growing, the number of tools and approaches allowing to create applications is becoming more and more. Today I want to write about one of the new approaches, namely about Progressive Web Apps.
')
PWA is the name of a group of applications that use the stack of Web technologies (JS + HTML + CSS) and allow us to combine the ease of use of a Web site with the native UX-specific applications and technical capabilities.
The main purpose of PWA is to increase the conversion rate, the number of users and the convenience of using Web applications on mobile devices.
Progressive Web Apps is a logical continuation of Accelerated Mobile Pages, so if you have previously created AMP applications, then you definitely need to update your application to PWA application standards. If you have not heard of AMP before, this will not be a problem for you while you study PWA.
PWA application needs to be:
Each person involved in the creation, support or development of a web site or web application may be interested, because using PWA can improve product, conversion, number of users and ease of use of their resource by users of mobile platforms.
The user, using a smartphone, opens the link obtained through any application, after downloading the web page, the user receives a full-fledged application that he can use.
Thereby, it becomes much easier to start using a new application, because you do not need to enter the application store and wait until the application you need is installed.
If necessary, the user can add the application to the desktop via the option item in the browser “Add to home screen”. Or, the application can suggest the user to do it instead of it by means of - Web app install banner.
After that, the icon previously specified in the application manifest will be created on the user’s main screen. The developer can control the style of the browser and the option to display the application after installation. Also, the Service Worker that comes with the PWA application will be responsible for caching, offline work, and handling push messages.
Web Fundamentals - developers.google.com/web/fundamentals/?hl=en
Progressive Web Apps - developers.google.com/web/progressive-web-apps
The article was conceived initial in a series of articles on PWA, but since Previously, PWA was not considered at Habrahabr. It is interesting to understand how interesting the topic is for the audience. Therefore, before starting a technical series, I want to make sure, through a survey, that you will be interested. As a bonus, while there is a survey you can offer (in HP) a project that will be taken as an example, because it is more interesting to consider an example taken from the real world;)
If the survey is successful, expect a series of open source PWA articles on github.
')
What is PWA
PWA is the name of a group of applications that use the stack of Web technologies (JS + HTML + CSS) and allow us to combine the ease of use of a Web site with the native UX-specific applications and technical capabilities.
The main purpose of PWA is to increase the conversion rate, the number of users and the convenience of using Web applications on mobile devices.
Progressive Web Apps is a logical continuation of Accelerated Mobile Pages, so if you have previously created AMP applications, then you definitely need to update your application to PWA application standards. If you have not heard of AMP before, this will not be a problem for you while you study PWA.
PWA application needs to be:
- Progressive - Work with each user regardless of the environment using the method of gradual improvement as the main principle of work;
- Adaptive - Adjust to any device: desktop, smartphones, tablets or anything else;
- Connection independent - Using Service Worker, the application should work in offline mode when the connection is interrupted or not;
- Look natively - the application must comply with the familiar user methods of interaction and navigation;
- Self-updating - the application should control the automatic update process through the Service Worker API;
- Secure - By using HTTPS, prevent the interception and spoofing of data;
- Defined - by means of the W3C manifest and registration through the Service Worker, the application is identified as a “application” by search engines;
- Retaining - Using technical capabilities we motivate the user to once again use the application, for example, by push notifications;
- Easy to install - Allows you to "save" the application on the user's device by adding PWA applications to the list of installed applications without using the application store;
- Easy to use - To start using the application just open the URL. Installing the application is not required.
The target audience
Each person involved in the creation, support or development of a web site or web application may be interested, because using PWA can improve product, conversion, number of users and ease of use of their resource by users of mobile platforms.
Standard work process
The user, using a smartphone, opens the link obtained through any application, after downloading the web page, the user receives a full-fledged application that he can use.
Thereby, it becomes much easier to start using a new application, because you do not need to enter the application store and wait until the application you need is installed.
If necessary, the user can add the application to the desktop via the option item in the browser “Add to home screen”. Or, the application can suggest the user to do it instead of it by means of - Web app install banner.
After that, the icon previously specified in the application manifest will be created on the user’s main screen. The developer can control the style of the browser and the option to display the application after installation. Also, the Service Worker that comes with the PWA application will be responsible for caching, offline work, and handling push messages.
Additional links
Web Fundamentals - developers.google.com/web/fundamentals/?hl=en
Progressive Web Apps - developers.google.com/web/progressive-web-apps
Instead of conclusion
The article was conceived initial in a series of articles on PWA, but since Previously, PWA was not considered at Habrahabr. It is interesting to understand how interesting the topic is for the audience. Therefore, before starting a technical series, I want to make sure, through a survey, that you will be interested. As a bonus, while there is a survey you can offer (in HP) a project that will be taken as an example, because it is more interesting to consider an example taken from the real world;)
If the survey is successful, expect a series of open source PWA articles on github.
Source: https://habr.com/ru/post/303626/
All Articles