Day 46: Learning Progressive Web App Fundamentals
Margaret W.N
Posted on August 31, 2020
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
💖 💪 🙅 🚩
Margaret W.N
Posted on August 31, 2020
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.
Related
javascript Day 37 of #100DaysOfCode: PWA + SPA: initialize PWA on Create React App(CRA)
September 13, 2020