Day 46: Learning Progressive Web App Fundamentals

#100daysofcode #pwa

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