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

Comments

[Marcus Es]

Great job. Keep going!

[Margaret W.N]

Thank you, I will.