SMARTER Web Apps with PWAs (Progressive Web Apps) | Adding PWA Functionality to Angular 10 App

Опубликовано: 04 Февраль 2025
на канале: Small Batch Devs
929
29

Today we introduce a brand new topic being Progressive Web Apps (also known as PWAs). PWA are apps that can run both as a website and a mobile device applica†ion. Using our web development knowledge we can allow our web apps to also function as mobile device applications through the power of Javascript, HTML, and CSS (and of course PWA technology). We also implement the PWA paradigm into our Angular blog application to demo this functionality.

Angular Update Tool: https://update.angular.io/

Check out our website for more great tutorials and content!
https://smallbatchdevs.com

KEEP UP with @smallbatchdevs on SOCIAL MEDIA!
Twitter:   / smallbatchdevs  
Instagram:   / smallbatchdevs  
Facebook:   / small-batch-devs-112906707036301  
Twitch:   / smallbatchdevs  

Check out all our Github Repositories for these episodes:
https://github.com/smallbatchdevs

00:00 Intro
00:34 What Is It?
01:08 Why Use It?
02:09 How Does It Work?
03:16 Installation
04:31 manifest.webmanifest
05:01 ngsw-config.json
05:42 Build & Run & Demo
08:31 Testing Changes
09:41 Install the PWA on Desktop
10:21 Outro

#pwa #webapp

► Artist Attribution Music By: "After The Fall"
Track Name: "Dreaming"
• SoundCloud -   / afterthefallofficial  
• Instagram -   / afterthefallmusic  
• FaceBook -   / afterthefallmusicofficial  
• DOWNLOAD @ https://www.chilloutmedia.com/atf
Licence: Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) - Full licence here: https://creativecommons.org/licenses/...
• Music released by: Chill Out Records @ https://goo.gl/fh3rEJ &
https://www.LoFi-HipHop.com

#pwa #angular #web