Introduce
Progressive Web Apps is the best combination of the web and the best of the application. As users use the application over time, it becomes more powerful. PWA loads quickly, even on the unstable network, sends relevant push notifications, has an icon on the home screen, and loads like a top level, full screen experience.
You will see this feature when using Facebook on Desktop and registering Facebook notifications.
Why use Progressive Web Apps?
- Helping the web have the same features as a real app: in mobile phones, users spend a lot of time in the App, not the web. Only 13% of users' mobile time is on mobile web, and 87% of App spending in the last year. The App has some great interactivity features with great – like the Screen icon makes it easy to get back to the app, and notice that connecting the user back even if the app is closed .
- Quick loading: apply cache mechanism, offline
- Receive notifications even if your web application is not currently running, and the browser does not even open
What is Progressive Web App?
- Progress (Progressive) – Works for each user, regardless of browser choice as it is built with enhanced progress as a core principle.
- Responsive – Fits any: desktop, mobile phone, tablet or any smart device.
- Connectivity independent – Enhance with service staff working offline or on low quality network.
- App-like – As an application for users to interact with applications in style and navigation because it is built on the app shell model.
- Refresh (Fresh) – Always update with the update service through the service
- Safe (Safe) -Use HTTPS to prevent snooping and ensure content has not been tampered with.
- Discoverable – is recognized as an "application" by W3C to register for declarations and services, allowing search engines to find it.
- Re-engageable – Making commitment easy through features like push notifications.
- Installable – Allows users to "keep" the application they find most useful on their home screen without the hassle of an app store.
- Linkable – Easily share via URL, without complicated installation.
What will you learn?
- How to design and build an app using the "app sell" method
- How to make your application work offline
- How to store data for offline use later
What do you need?
- Chrome 52 or above
- Web Server for Chrome , or your own web server
- Sample code
- Software allows editing
- Have basic knowledge of HTML, CSS, JavaScript, and Chrome DevTools
ITZone via Mastercode.vn