Course Outline

Introduction

React and JavaScript Libraries

  • Processes used in JavaScript libraries to develop web applications

Overview of the Web Application Development Cycle

  • Native applications versus progressive applications
  • Javascript logic, CSS templates, and HTML templates

React Goes Native with Progressive Web Apps

  • Cross-platform
  • Backward compatibility
  • Feature parity

Progressive Web Apps and Push Notifications

  • Push API
  • Notification API

Preparing the Development Environment

  • Installing and configuring Node.Js
  • Installing and configuring NPM

Programming and Optimizing the React Application

  • Creating a new boilerplate React application
  • Installing dom routers to navigate and save in the React application
  • Coding a todo list
  • Updating the default styles
  • Registering Service Worker

Configuring Icons and Push Notifications

  • Creating and styling push notification
  • Creating and styling icons

Deploying the Application

  • Runnng the React application on a mobile simulator or on a mobile device

Testing the Application

  • Proof checking the React application with Lighthouse to determine if it meets the PWA standard

Summary and Conclusion

Requirements

  • Experience with React

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