Progressive Web Apps(PWA) development For beginners

Progressive Web Apps(PWA) development For beginners, available at $49.99, has an average rating of 3.95, with 41 lectures, based on 43 reviews, and has 8088 subscribers.

You will learn about Build progressive web apps Publish app to the internet Add version control to app Create repository on GitHub and push your project to it Make the app installable on various devices Implement offline access for the app Setup and configure local Server This course is ideal for individuals who are Beginner to Progressive Web App Development It is particularly useful for Beginner to Progressive Web App Development.

Enroll now: Progressive Web Apps(PWA) development For beginners

Summary

Title: Progressive Web Apps(PWA) development For beginners

Price: $49.99

Average Rating: 3.95

Number of Lectures: 41

Number of Published Lectures: 41

Number of Curriculum Items: 41

Number of Published Curriculum Objects: 41

Original Price: $39.99

Quality Status: approved

Status: Live

What You Will Learn

Build progressive web apps

Publish app to the internet

Add version control to app

Create repository on GitHub and push your project to it

Make the app installable on various devices

Implement offline access for the app

Setup and configure local Server

Who Should Attend

Beginner to Progressive Web App Development

Target Audiences

Beginner to Progressive Web App Development

PWAs are web apps developed using a number of specific technologies and standard patterns to allow them to take advantage of both web and native app features. For example, web apps are more discoverable than native apps; it’s a lot easier and faster to visit a website than to install an application, and you can also share web apps by sending a link.

On the other hand, native apps are better integrated with the operating system and therefore offer a more seamless experience for the users. You can install a native app so that it works offline, and users love tapping their icons to easily access their favorite apps, rather than navigating to it using a browser.

PWAs give us the ability to create web apps that can enjoy these same advantages.

It’s not a brand new concept—such ideas have been revisited many times on the web platform with various approaches in the past. Progressive Enhancement and responsive design already allow us to build mobile friendly websites.

PWAs, however, provide all this and more without losing any of the existing features that make the web great.

What makes an app a PWA?

There are some key principles a web app should try to observe to be identified as a PWA. It should be:

Discoverable, so the contents can be found through search engines.

Installable, so it can be available on the device’s home screen or app launcher.

Linkable, so you can share it by sending a URL.

Network independent, so it works offline or with a poor network connection.

Progressively enhanced, so it’s still usable on a basic level on older browsers, but fully-functional on the latest ones.

Re-engageable, so it’s able to send notifications whenever there’s new content available.

Responsively designed, so it’s usable on any device with a screen and a browser—mobile phones, tablets, laptops, TVs, refrigerators, etc.

Secure, so the connections between the user, the app, and your server are secured against any third parties trying to get access to sensitive data.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: What are progressive web apps

Lecture 3: Features of progressive web apps

Lecture 4: Key components of progressive web apps

Lecture 5: Technologies used to create progressive web apps

Chapter 2: Creating the app

Lecture 1: Installing Text Editor

Lecture 2: Installing SublimeText

Lecture 3: Installing Visual Studio Code

Lecture 4: What we will create

Lecture 5: Creating project directory and files

Lecture 6: Creating project structure

Lecture 7: Adding CSS

Lecture 8: Adding logic with JavaScript: Part 1

Lecture 9: Adding logic with JavaScript: Part 2

Lecture 10: Source Code

Chapter 3: Node js Setup

Lecture 1: What is Node Node js

Lecture 2: Installing Node js

Lecture 3: Node js Modules and Packages

Lecture 4: Initializing a Node js project

Lecture 5: Installing lite server

Lecture 6: Lite server Configuration

Chapter 4: Converting the app to a progressive web app

Lecture 1: What Makes a Web App Progessive

Lecture 2: Adding app files to public directory

Lecture 3: Running the development server

Lecture 4: What is Lighthouse

Lecture 5: Creating manifest file

Lecture 6: Register service worker

Lecture 7: Adding icons directory

Lecture 8: Implement caching for offline access: Part 1

Lecture 9: Implement caching for offline access: Part 2

Lecture 10: Installing the app

Chapter 5: Version Control and deployment

Lecture 1: Tools to publish your app online

Lecture 2: What is git

Lecture 3: What is Github

Lecture 4: Install git

Lecture 5: Git Setup

Lecture 6: Create GitHub account

Lecture 7: Creating personal access tokens

Lecture 8: Adding files to local git repository

Lecture 9: Adding files to remote GitHub repository

Lecture 10: Publishing app to the internet

Instructors

Bluelime Learning Solutions
Making Learning Simple

Rating Distribution

1 stars: 2 votes

2 stars: 1 votes

3 stars: 4 votes

4 stars: 11 votes

5 stars: 25 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!