Learn Angular by building a Progressive Web App (PWA)

Learn Angular by building a Progressive Web App (PWA), available at $19.99, has an average rating of 4.65, with 26 lectures, based on 138 reviews, and has 13845 subscribers.

You will learn about Install Node, Angular CLI, Firebase tools. Create a new Angular 8 app from scratch. Build a production ready application. Develop a real Movie browser Application. Deploy to Google Firebases free hosting service. Understand what a PWA (Progressive Web Apps) is. Test your Angular 8 application on Android phone Install the Movie browser app as a desktop application Run your app even when you are offline (using service workers) Create web applications that look and feel like native mobile apps This course is ideal for individuals who are Anyone who wants to know what a PWA is. or Software developers to learn Angular 8 by coding a real world app or Frontend developers interested to learn Angular 8 or Anyone exploring new features of Angular 8 It is particularly useful for Anyone who wants to know what a PWA is. or Software developers to learn Angular 8 by coding a real world app or Frontend developers interested to learn Angular 8 or Anyone exploring new features of Angular 8.

Enroll now: Learn Angular by building a Progressive Web App (PWA)

Summary

Title: Learn Angular by building a Progressive Web App (PWA)

Price: $19.99

Average Rating: 4.65

Number of Lectures: 26

Number of Published Lectures: 26

Number of Curriculum Items: 26

Number of Published Curriculum Objects: 26

Original Price: ?7,900

Quality Status: approved

Status: Live

What You Will Learn

Install Node, Angular CLI, Firebase tools.

Create a new Angular 8 app from scratch.

Build a production ready application.

Develop a real Movie browser Application.

Deploy to Google Firebases free hosting service.

Understand what a PWA (Progressive Web Apps) is.

Test your Angular 8 application on Android phone

Install the Movie browser app as a desktop application

Run your app even when you are offline (using service workers)

Create web applications that look and feel like native mobile apps

Who Should Attend

Anyone who wants to know what a PWA is.

Software developers to learn Angular 8 by coding a real world app

Frontend developers interested to learn Angular 8

Anyone exploring new features of Angular 8

Target Audiences

Anyone who wants to know what a PWA is.

Software developers to learn Angular 8 by coding a real world app

Frontend developers interested to learn Angular 8

Anyone exploring new features of Angular 8

A Progressive Web App or PWA is a web application that has a set of capabilities (similar to native apps) which provide an app-like experience to users. PWAs need to meet a set of essential requirements that we’ll see next. PWAs are similar to native apps but are deployed and accessible from web servers via URLs, so we don’t need to go through app stores.

A PWA needs to be:

Progressive: Work for every user, regardless of browser choice, because they are built with progressive enhancement as a core tenet.

Responsive: Fit any form factor, desktop, mobile, tablet, or whatever is next.

Connectivity independent: Enhanced with service workers to work offline or on low-quality networks.

App-like: Use the app-shell model to provide app-style navigation and interactions.

Fresh: Always up-to-date thanks to the service worker update process.

Safe: Served via HTTPS to prevent snooping and ensure content has not been tampered with.

Discoverable: Are identifiable as “applications” thanks to W3C manifests and service worker registration scope allowing search engines to find them.

Re-engageable: Make re-engagement easy through features like push notifications.

Installable: Allow users to “keep” apps they find most useful on their home screen without the hassle of an app store.

Linkable: Easily share via URL and not require complex installation.

In detail, this course will cover everything you need to build amazing PWAs – leading to a score of 100 (out of 100) in Google’s PWA auditing tool “Lighthouse“.

This is completely a hands-on training, bringing all the best practices that a developer should follow in his/her projects.

Here are some of the feedbacks given by my students:

Best instructor and best trainer on Udemy. Quick Response and very friendly .i have been checked out many angularJS courses (very long tutorials) around 30 hours on Udemy. but vinod Sir within 5 & 6 hours who taught every things very simple.he has good knowledge and good experience on Teaching method.i recommend this course .?? (Sithat iffazer)

This is a great and simple course for beginners. Wish the Author build more courses like this for angular 7. With a real DB, auth etc Thanks and ThumbUp

The Course was clear and concise and touches upon the important Angular features. (Harsh Kedia)

Step by step learning,explain everything easy and clear. Perfect for beginners! (Dragan Stevanovic)

I have not yet completed the course. But I am very much confident, after completing this course, it would be wonderful experience. So far it’s going very well. This course is simply superb. The tutor – Vinod, is simply great. He explained difficult concepts in a simplest way. He knows how to make a teaching session an interesting and informative one. Thanks to you Udemy for this opportunity and special thanks to Vinod. (Venkatesh)

Very helpful. I like the way trainer Vinod makes things so simple to understand. (Robinet Gimlet)

Very detail oriented. Explained all possible ways in each section i.e. environment setup(eclipse, tomcat, h2 DB), application development to deployment, testing with postman, error handling, eclipse shortcuts. (Hemalatha Bhimavarapu)

I got to learn so many new things from this course and very well explained, Thank you! (Tushar Patil)

It is very well and detailed any one can understand and learn the course. I would recommend it to others. (Ashwini Iyer)

Great Course, the instructor was easy to follow and help me understand the subject better. Thank u. (Aida Hailu)

So, see you inside the course,

Vinod.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Characteristics of a PWA

Chapter 2: Software setup

Lecture 1: Installing node.js

Lecture 2: Installing Angular CLI

Lecture 3: Installing Firebase tools

Lecture 4: Installing VS Code

Lecture 5: Creating an account with omdbapi.com

Chapter 3: Download the Angular app

Lecture 1: The Movie Browser Angular App

Chapter 4: Lets create the Movie Browser App

Lecture 1: New Angular application

Lecture 2: Changed in version 11+

Lecture 3: Home component

Lecture 4: Header component

Lecture 5: MovieList component – Part 1

Lecture 6: Routing and Single-Page-Application

Lecture 7: Getting the list of movies based on search term

Lecture 8: MovieList component – Part 2

Lecture 9: Getting the movie details based on IMDB id

Lecture 10: MovieDetails component

Chapter 5: Making the app Progressive

Lecture 1: Adding PWA to our project

Lecture 2: Walk through of the generated artifacts

Lecture 3: Creating and updating icons

Lecture 4: New Firebase hosting for our application

Lecture 5: Deploying our Angular application to Firebase hosting

Lecture 6: Accessing the MovieBrowser PWA site on Chrome

Lecture 7: PWApp on a mobile phone

Chapter 6: Conclusion

Lecture 1: Thank you note and bonus lecture

Instructors

Vinod Kumar Kayartaya
Evangelist, Consultant and Developer.

Rating Distribution

1 stars: 1 votes

2 stars: 3 votes

3 stars: 14 votes

4 stars: 53 votes

5 stars: 67 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!