PWA(Progress Web App)
Push Notification to bring user back
Home Screen Icons to make access easy
Access Native Device Feature like camera
Possibly work offline
Statistics
80프로의 시간이 3개의 어플리케이션에 소비 새로운 어플리케이션을 설치하지 않는다.
아무것도 설치할 필요가 없다.
Core Building Blocks
Service Workers
Caching / Offline Support Enable other PWA features
Background Sync Web Push
Application Manifest allow addition to home screen
Responsive Design app / layout should work and look good across devices
Geolocation API
Media API
PWAs and SPAs(Single Page Application) : 이것 자체는 wrong comparison
SPA
- powered by javascript
- highly reactive
- only one html file sent to browser
PWA
- uses a lot of javascript(but works without it)
- aims to have high reactivity
- works with multiple files
Progressive Enhancement
Start point
- Existing(legacy) App
- Existing modern App
- Upcoming Project
near future
- add some features
- implement some core PWA features
- fully implement as PWA
Future
- use multiple PWA features
- completely convert to PWA
- complete PWA
Outline
- Getting started
- Application Manifest
- Service Worker Basics
- Promise & Fetch API
- Service worker(Caching for offline access)
- Advanced Caching Strategies
- Caching Dynamic Data with indexed DB
- Responsive Design
- Background Sync
- Web Push Notifications
- Media API(Camera) & Geolocation
- Automated SW Management
- SPAs & PWAs with our #1 framework