Angular: Progressive Web Apps

Focused View

Maximiliano Firtman

4:16:53

34 View

01 - Introduction

01 - Build a progressive web app with Angular.mp4

00:41

02 - What you should know.mp4

00:39

03 - Using the exercise files.mp4

01:04

02 - 1. Progressive Web Apps

01 - What is a progressive web app.mp4

05:12

02 - Progressive architecture.mp4

03:24

03 - PWAs today.mp4

06:28

04 - Android, iOS, and iPadOS demo.mp4

06:21

05 - Windows and macOS demo.mp4

04:17

03 - 2. Preparing the Angular App

01 - Technology review.mp4

03:55

02 - Setting up the basic project.mp4

06:35

03 - Running the app.mp4

03:46

04 - Creating the business logic classes.mp4

06:28

05 - Creating services Geolocation and maps.mp4

09:24

06 - Creating services Data.mp4

03:49

04 - 3. Creating the User Interface

01 - Using Angular material.mp4

08:10

02 - Creating the page components.mp4

03:52

03 - Adding routes to the project.mp4

03:04

04 - Creating components List.mp4

10:13

05 - Creating components Coffee.mp4

08:54

06 - Adding place location.mp4

03:11

07 - Adding coffee ratings.mp4

03:59

08 - Styling coffee component.mp4

02:48

05 - 4. Connecting to Web Services

01 - Creating a RESTful API.mp4

08:09

02 - Connecting Angular with http module.mp4

07:42

03 - Connecting the form with the service.mp4

08:45

04 - Editing a coffee entry.mp4

06:45

05 - Connecting mobile actions.mp4

09:13

06 - 5. Creating an Installable PWA

01 - The Web App Manifest.mp4

09:37

02 - Defining icons and maskable icons.mp4

08:09

03 - Inviting the user to install the app.mp4

11:28

04 - Enhancing the app experience.mp4

03:24

05 - Creating app shorcuts.mp4

03:37

06 - Using minimal-UI display mode.mp4

05:59

07 - Making a dynamic title and status bar.mp4

02:52

07 - 6. Going offline with service workers

01 - What is a service worker.mp4

08:28

02 - Serving the app while offline.mp4

11:14

03 - Update UI on network status change.mp4

06:55

04 - Customizing ngsw-manifest.mp4

10:12

05 - Supporting app updates.mp4

11:03

06 - Adding web push notifications.mp4

10:10

07 - Validating with DevTools.mp4

04:05

08 - Conclusion

01 - Continue learning progressive web apps.mp4

02:52

Description

Progressive web apps today are compatible not just with iOS and Android, but also with desktop operating systems, so you can leverage the strengths of both desktop and mobile operating systems. With the additional abilities a PWA can have today, you can enhance the project even more. Angular today has the same base as the original version, but there is a whole new process to create a PWA with the Angular tools. In this course, mobile and web developer, trainer, speaker, and writer Maximiliano Firtman guides you through the entire process. Find out what makes a web app a progressive web app. Create a basic Enterprise-style app in Angular 16 and upgrade it to a PWA. Explore technologies available to make the app available offline, like a native app. Learn how to support the specs needed, so the app can be installed in a device as a native app with an icon and out-of-the-browser behavior. Plus, go over how to work with web services in a PWA, in different network situations.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

Angular

Web App Development

Maximiliano Firtman

Instructor's Courses

I'm an independent mobile+web developer, trainer, speaker, and author. I authored many books, including "High Performance Mobile Web" published by O'Reilly Media with +10 translations available. I've been teaching programming for small and big companies in +30 countries since 2005, including for large companies such as LinkedIn, Apple, Google, Cisco, Intel, Bank of America, and HP. I'm doing consulting in PWAs, Web Performance, and mobile app development. I've authored several online courses in O'Reilly Learning (Safari), LinkedIn Training (Lynda), Pluralsight, and Udemy. I've also authored many articles in the past few years, for printed and online magazines, and my personal blog. I'm a frequent speaker at conferences, with experience delivering keynotes, sessions, and workshops in +120 conferences in +50 countries. I've received different recognitions, including Nokia Developer Champion 2006-2014; Adobe Community Champion 2011-2015, BlackBerry Elite in 2013, and Internet Explorer User Agent in 2013. Specialties: HTML5, Mobile Web, Progressive Web Apps, Web Performance Optimization, Android Dev (Java and Kotlin), iOS Dev (Objective-C and Swift), React, Angular, Flutter, NextJS

Linkedin Learning

View courses Linkedin Learning

LinkedIn Learning is an American online learning provider. It provides video courses taught by industry experts in software, creative, and business skills. It is a subsidiary of LinkedIn. All the courses on LinkedIn fall into four categories: Business, Creative, Technology and Certifications. It was founded in 1995 by Lynda Weinman as Lynda.com before being acquired by LinkedIn in 2015. Microsoft acquired LinkedIn in December 2016.