Creating Progressive Web Apps using Angular 7 - APG Learning
nav-closed

Register for interview

creating progressive web apps using angular 7

Write to us for more information

Creating Progressive Web Apps using Angular 7

APG Learning is the education vertical of the 8-decade old, trusted Sakal Media Group. Launched with the objective of building leaders for transformational change. APG Learning’s focus is on providing a contemporary and practical learning environment to students, equipping them…

  • Please Login..review_star 176
  • student_enrolled 56 Student's Enrolled
  • best_selling Best Selling
Write to us for more information

Course Detail

Format:

Full Time

Duration:

1 Year

Accreditation:

TISS SVE

Course Provider:

APG Learning

Start Date:

01 August 2019

Fees:

₹1,75,000/-

Duration

5 Days( only Sat & Sun Batch)

Modules

6

Hours

20 Hours

Start Date

22 Jun 2019

Course Provider:

APG Learning

8,000.00 9,000.00

Address:Sakal Nagar,

Gate No. 1, Baner Road,

Aundh, Pune 411 007

Training 5 or more people?

Get your team access to APG Learning top 200+ courses anytime, anywhere.

Try APG Learning for Business

About Course

APG Learning is the education vertical of the 8-decade old, trusted Sakal Media Group. Launched with the objective of building leaders for transformational change. APG Learning’s focus is on providing a contemporary and practical learning environment to students, equipping them to emerge winners in an ever-changing and challenging milieu. Knowledge up-gradation is the key component for growth and success. It organizes various knowledge disseminating programs, which include Management Entrance Study Preparation, Seminar, Workshop, Career Fairs, Conferences, and other such value-added programs. In this regard, we are willing to organize such activities in ten different cities of Maharashtra for the benefit of your students. Such value-added programs will highlight Skills required by the upcoming cadre of professional for this dynamic digital era.

Modules

 

Objective:

  • Learn in detail multiple features made available by the Angular Service Worker
  • Make your Angular Application Downloadable and Installable
  • Make you Angular Application One-Click Installable with an App Manifest
  • Add an Application Shell for boosting Initial Start-up Performance
  • Add Push Notifications using the Angular Service Worker
  • Improve Application Performance with Application Data Caching
  • Learn Service Worker Fundamentals
  • Learn the Service Worker Lifecycle in Detail
  • Debug Service Workers using the Chrome Dev Tools

 

 

Session Goals:

 

Angular Progressive Web Apps Helicopter View:

 

  1. The Typescript Jumpstart via Playground
  2. Install Node, NPM, IDE and Service Workers Section Code
  3. How to Convert an Angular Application Into a PWA
  4. How to Run the Angular Service Worker In Production Mode
  5. Angular Service Worker – How Does it Work?
  6. Service Worker Version Management – How Does it Work?
  7. The Angular Service Worker Kill Switch
  8. Performance Caching Policy – Cache First, Network Last
  9. Freshness Caching Policy – Network First, Cache Last

 

App Manifest – Add Application to Home Screen:

 

  1. App Manifest – Making a PWA One-Click Installable

 

  The Angular Application Shell:

 

  1. What is an Application Shell, What Problem Does It Solve?
  2. Learn the Relation Between the App Shell and Angular Universal
  3. Learn How the App Shell is Rendered Using the Angular Router
  4. The App Shell in Action – View Performance Benefits

 

   Push Notifications:

 

  1. Push Notifications
  2. Server Identification – Generating a VAPID key with the web-push library
  3. VAPID Public Key and Private Key – Learn the Differences
  4. How do Push Notifications Work? Browser-specific Push Service Providers
  5. Push Notifications Request – Implementation Completed
  6. How to Display the Allow or Deny Notifications Popup Again
  7. Push Notification in Node – Server Implementation With web-push
  8. View Web Push Notifications in Action

 

 Service Worker Fundamentals:

 

  1. Service Workers in a Nutshell – Service Worker Registration
  2. Service Workers Hello World – Lifecycle Part 1 and PWA Chrome Dev Tools
  3. Service Workers and Application Versioning – Install & Activate Lifecycle Phases
  4. Downloading the Offline Page – The Service Worker Installation Phase
  5. Introduction to the Cache Storage PWA API
  6. View Service Workers HTTP Interception Features in Action
  7. Service Workers Error Handling – Serving the Offline Page

 

 Service Workers in Practice:

 

  1. Section Introduction – Service Workers and Application Download and Installation
  2. Downloading an Application in The Background Using Service Workers
  3. Using Service Workers to Implement a Cache Then Network Fetch Strategy
  4. Service Worker Version Management in Action
  5. Service Worker Version Management – Deleting Previous Application Versions
  6. Performance Benefits of a Service Worker over a Slow Connection
  7. Service Worker Lifecycle – Understanding the Default Behaviour
  8. Service Worker Lifecycle Customization -Early Activation with clients.claim()
  9. Service Worker Lifecycle Customization with skipWaiting()
  10. Service Worker Lifecycle Customization – Manually Check for New Versions

 

 

USP:

  • Gartner predicts that by 2020 Progressive Web Apps (PWA) will replace 50% of consumer-facing apps.
  • The PWA takes less than 2.94 seconds to load and enables checkout within 30 seconds.
  • The size of the PWA is 54x smaller than the Android app and 180x smaller than the iOS app.

Learning Outcomes

  • You can understand PWA and Angular

 

Who Should Attend

  • Undergraduates, Graduates and Post-Graduates.
  • Job aspirants in IT Industry.
  • Working professionals.

 

Software / Hardware Requirements –

  • Intel core i3 or equivalent PC/Laptop
  • 4GB RAM (8 GB recommended)

Fee Structure

Duration:  20 hours

Fees: Rs.8000 /-  + GST

SIMILAR COURSES

nav-closed

Download Brochure