Course Outline

Introduction

  • Native applications versus progressive applications

Overview of the Mobile Development Cycle

  • JavaScript logic, CSS templates, and HTML templates

Web goes Native

  • Cross-platform 
  • Backward compatibility
  • Feature parity

Advanced Progressive Web Apps and Push Notifications

  • Push API
  • Notification API

Preparing the Development Environment

  • Coding a todo list application
  • Activating site domain to be SSL enabled
  • Installing "Advanced Progressive web app" module

Configuring the Advanced Progressive Web App

  • Creating preferences for the web application's push notifications
  • Styling the push notifications for a consistent experience
  • Adding the web application to the user's home screen

Using Service Worker for Offline Use

  • Accessing cache API
  • Customizing network requests depending on whether online or offline

Deploying the Application

  • Running the application on a mobile emulator or mobile device

Troubleshooting

  • Web application only works with the latest Web-push library version

Summary and Conclusion

Requirements

  • Experience with HTML, CSS, and object-oriented JavaScript
  • An understanding of PWA's

Audience

  • Developers
 14 Hours

Number of participants


Price per participant

Testimonials (1)

Upcoming Courses

Related Categories


Fatal error: Uncaught TypeError: _isl_get_excluded_site(): Return value must be of type ?array, none returned in /apps/hitra7/backdrop/modules/_custom/frontend/islc7/isl_common.inc:38 Stack trace: #0 /apps/hitra7/backdrop/modules/_custom/frontend/islc7/isl_common.inc(30): _isl_get_excluded_site() #1 /apps/hitra7/backdrop/modules/_custom/frontend/islc7/isl_common.inc(17): isl_get_excluded_site() #2 /apps/hitra7/backdrop/modules/_custom/frontend/islc7/islc7.module(51): get_outline_isls() #3 /apps/hitra7/backdrop/modules/_custom/frontend/islc7/islc7.module(7): islc_prepare_links() #4 /apps/hitra7/npfrontend/nptemplates/default.php(272): islc7_sites_links_array_v3() #5 /apps/hitra7/npfrontend/modules/course/course.php(143): require_once('...') #6 /apps/hitra7/npfrontend/core/routes.php(15): course_menu_callback() #7 /apps/hitra7/npfrontend/__index.php(78): require_once('...') #8 /apps/hitra7/npfrontend/index.php(15): include_once('...') #9 /apps/hitra7/index.php(66): include_once('...') #10 {main} thrown in /apps/hitra7/backdrop/modules/_custom/frontend/islc7/isl_common.inc on line 38