Presentation: Progressive web app
To get basic knowledge of Progressive web app and know how to build it. This is one of the edge technologies of google.
1.About the Presenter:
Mr. Ngo Hung Phuc
Professional Developer
Mr. Phuc has many years of experience with the Full-Stack web development in ASP.Net, ASP.Net Core, Angular, React JS, Redux, Webpack, etc.
He has provided guidance for final year students for their projects as well as contribute to many training programs at the company.
Besides, he is also very active in the open source network, GitHub, with lot of contributions for many frameworks from Angular to React and other well-known JavaScript frameworks. We can see his sharing at https://github.com/ngohungphuc/Presentation/blob/master/ProgressiveWebApp/PWA.pptx.
2.About the presentation:
2.1 The Agenda:
- What are Progressive Web App, Benefit of PWA.
- Application Shell Architecture
- Service Worker, Scope, Service Worker Lifecycle
- Events(Caching strategy)
- Fetch API
- Web App Manifest
- Offline Browsing
- Push Notification
- IndexDB, BackgroundSync
- Demo
- What are Progressive web apps?
Progressive Web Apps are experiences that combine the best of the web and the best of apps. They are useful to users from the very first visit in a browser tab, no install required. As the user progressively builds a relationship with the app over time, it becomes more and more powerful. It loads quickly, even on flaky networks, sends relevant push notifications, has an icon on the home screen, and loads as a top-level, full screen experience.
- What is a Progressive Web App?
A Progressive Web App is:
- Progressive– Works for every user, regardless of browser choice because it’s built with progressive enhancement as a core tenet.
- Responsive– Fits any form factor: desktop, mobile, tablet, or whatever is next.
- Connectivity independent– Enhanced with service workers to work offline or on low-quality networks.
- App-like– Feels like an app, because the app shell model separates the application functionality from application content.
- Fresh– Always up-to-date thanks to the service worker update process.
- Safe– Served via HTTPS to prevent snooping and to ensure content hasn’t been tampered with.
- Discoverable– Is identifiable as an “application” thanks to W3C manifest and service worker registration scope, allowing search engines to find it.
- Re-engageable– Makes re-engagement easy through features like push notifications.
- Installable– Allows users to add apps they find most useful to their home screen without the hassle of an app store.
- Linkable– Easily share the application via URL, does not require complex installation.
- Who can join?
Everyone with basic knowledge about HTML, CSS, JavaScript can join this presentation.
Note: The presentation language is in Vietnamese.