Day 46: Learning Progressive Web App Fundamentals

Spent the day reviewing concepts on PWA. Progressive Web Apps (PWA) are apps built with web technologies. My key Takeaways:

The nine attributes of PWA.

• Responsive
• Connectivity Independent, progressive web apps work both offline an online.
• Fresh: Always upto date
• Safe, this is attributed to the fact that they are served by transport layer or secure https.
• Discoverable
• Re-engageable attributed to push notifications
• Install-able
• Linkable
• have Applike interactions

Browser Capabilities available to PWA

• Network Proxy available to change sniff and cache.
• App packaging install-able with W3C
• Background Syncing
• Local storage
• Game pad API
• Page visibility API : lets us know if the user is physically looking at your browser.
• Ability to capture audios and videos, ability to play back media.
• Vibration function on receiving notifications.
• Check battery status function.
• Integrated payments

A manifest File
It is a Json file containing properties describing a progressive web app. I generated a favicon manifest with realfavicongenerator

{ "name": "campReemerge", "short_name": "campReemerge", "icons": [ { "src": "/android-chrome-72x72.png", "sizes": "72x72", "type": "image/png" } ], "theme_color": "#000000", "background_color": "#000000", "start_url": "/", "display": "standalone", "orientation": "any" } 

Note to myself: There's a lot to learn, don't skip the fundamentals.
A few minutes into learning fundamentals
Also Me : Can i build something already.

Looking forward to the practical bit. I am done for today.
Day 46