Build Your First Progressive Web App

@ciazhar

Muhammad Hafidz

Objective

• Get To Know Progressive Web App 
• Take a tour of Progressive Web App
• Getting Started Progressive Web App Development 

@ciazhar

Web or Mobile Application ?

Web

+

Mobile 

= 

Progressive Web App

 

PWA Are :

• Progressive
• Responsive
• Connectivity Independent
• App-like
• Fresh
• Safe
• Discoverable
• Re-engageble
• Installable

@ciazhar

PWA Principle :

• Web App Manifest
• Add to Home Screen Banner
• Service Workers
• Push Notification

@ciazhar

Web App Manifest

Web App Manifest merupakan file JSON sederhana,  yang dapat digunakan oleh developer untuk mengatur bagaimana cara aplikasi kita ditampilkan ke user sesuai keinginan user (Semisal di home screen),