Transform a React Application into a Progressive Web App (PWA) Training Course
React is a JavaScript library used to create front-end web applications. Progressive Web Apps are web applications that function and appear like native applications on Android, Windows, and more. Transforming a React application integrates native features such as offline usability, push notifications, etc.
This instructor-led, live training (online or onsite) is aimed at developers who wish to transform a React application into a Progressive Web App.
By the end of this training, participants will be able to:
- Set up the necessary development environment to start transforming a React application.
- Cache using Service Worker to make a React application work offline.
- Create and style a push notification.
- Install the progressive web app into a mobile device.
Format of the Course
- Interactive lecture and discussion.
- Lots of exercises and practice.
- Hands-on implementation in a live-lab environment.
Course Customization Options
- To request a customized training for this course, please contact us to arrange.
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
Need help picking the right course?
Transform a React Application into a Progressive Web App (PWA) Training Course - Enquiry
Testimonials (1)
The general knowledge sharing by Narendra and all the dev resources shared
Pako Diale
Course - Transform a React Application into a Progressive Web App (PWA)
Related Courses
Advanced Progressive Web App (PWA)
14 HoursThis instructor-led, live training Botswana (onsite or remote) is aimed at developers who wish to create advanced Progressive Web Apps that perform exclusive functions related to push notifications and offline availability.
By the end of this training, participants will be able to:
- Set up the necessary development environment to start developing an advanced Progressive Web App.
- Create push notifications that enable subscriptions.
- Cache with Service Worker to make a web application work offline.
- Create push notifications that prompt frequent visitors to install the application.
Advanced React
14 HoursThis instructor-led, live training in Botswana (online or onsite) is aimed at developers who wish to build React components and design complex applications.
By the end of this training, participants will be able to:
- Understand React's advanced concepts, including context APIs, HOCs, external state, asynchronous APIs, etc.
- Build composable components with React.
- Enable server side and client side authentication.
- Implement React and Redux libraries to manage complex stateful applications.
- Reduce code and optimize an application's performance.
- Test and deploy an application.
Ant Design
7 HoursThis instructor-led, live training in Botswana (online or onsite) is aimed at developers who wish to use Ant Design to enhance the User Experience for their React application.
By the end of this training, participants will be able to implement Ant Design's React components to develop beautiful enterprise-class web applications.
FARM (FastAPI, React, and MongoDB) Full Stack Development
14 HoursThis instructor-led, live training in (online or onsite) is aimed at developers who wish to use the FARM (FastAPI, React, and MongoDB) stack to build dynamic, high-performance, and scalable web applications.
By the end of this training, participants will be able to:
- Set up the necessary development environment that integrates FastAPI, React, and MongoDB.
- Understand the key concepts, features, and benefits of the FARM stack.
- Learn how to build REST APIs with FastAPI.
- Learn how to design interactive applications with React.
- Develop, test, and deploy applications (front end and back end) using the FARM stack.
Choosing the Right JavaScript Framework
14 HoursThis instructor-led, live training in Botswana (onsite or remote) is aimed at developers who need to decide which JavaScript framework to use to develop front-end applications.
By the end of this training, participants will be able to:
- Set up an optimal development environment to start developing front-end applications.
- Implement demo applications to test the limitations and benefits of a JavaScript framework.
- Decide on which JavaScript framework is the best fit.
JavaScript, Node JS and React Bootcamp (Beginner to Intermediate Level)
35 HoursThis instructor-led, live training in Botswana (online or onsite) is aimed at beginner-level .NET developers who wish to gain proficiency in JavaScript, Node.js, and React to actively develop and migrate systems/platforms.
By the end of this training, participants will be able to:
- Write and debug JavaScript code effectively.
- Build and deploy server-side applications using Node.js.
- Develop dynamic and responsive user interfaces with React.
- Integrate front-end and back-end components to create full-stack applications.
- Understand best practices for migrating legacy systems to modern JavaScript-based platforms.
Testing React Apps with Jest
14 HoursThis instructor-led, live training in Botswana (onsite or remote) is aimed at engineers who wish to use Jest to test React applications and components.
By the end of this training, participants will be able to:
- Install and configure a proper testing environment.
- Write asynchronous tests for React apps and components.
- Run Jest advanced tests that include mocking, spies and stubs.
MERN Fullstack Development
14 HoursThis instructor-led, live training in Botswana (online or onsite) is aimed at web developers who wish to use the MERN Stack for fullstack development.
By the end of this training, participants will be able to:
- Integrate React with MongoDB, Express, and Node.js.
- Build a fullstack web application from scratch.
- Implement application security through authorization and authentication.
Building Micro Frontends with React
21 HoursThis instructor-led, live training in Botswana (online or onsite) is aimed at developers who wish to use React to develop, test, and deploy micro-frontends for large web applications, making them highly-scalable, technology agnostic, and easier to maintain.
By the end of this training, participants will be able to:
- Set up the necessary development environment to start developing micro-frontends with React.
- Understand the architecture, core concepts, and advantages of micro-frontends.
- Learn how to build, integrate, test, and deploy micro-frontends with React.
- Implement micro-frontends with module federation.
- Apply the CI/CD pipeline production-grade workflow.
- Know the common issues with CSS in micro-frontends and how to fix them.
- Get insights on how to implement other frontend frameworks with React.
Building Microservices with NodeJS and React
21 HoursThis instructor-led, live training in Botswana (online or onsite) is aimed at experienced developers who wish to build, deploy, and scale applications using microservices built with NodeJS and React.
By the end of this training, participants will be able to:
- Develop, deploy, and scale applications using different microservices.
- Build a server-side rendered React application.
- Deploy multi-service apps to the cloud using Docker and Kubernetes.
- Perform application testing on microservices.
Next.js 14 Advanced Development
21 HoursThis instructor-led, live training in Botswana (online or onsite) is aimed at intermediate-level to advanced-level web developers and technical architects who wish to explore the advancements of Next.js 14 and gain the knowledge to build cutting-edge web applications.
By the end of this training, participants will be able to:
- Leverage the full potential of Next.js 14 for building complex applications.
- Utilize the latest features such as Middleware, React Server Components, and Edge Functions.
- Implement best practices for performance, scalability, and SEO.
- Troubleshoot common issues in Next.js applications effectively.
Next.js 14 - Advanced
21 HoursThis instructor-led, live training in Botswana (online or onsite) is aimed at advanced-level developers who wish to master the latest features in Next.js 14, optimize performance, and implement modern React techniques.
By the end of this training, participants will be able to:
- Implement advanced React hooks and concurrent features.
- Understand and utilize Next.js routing strategies effectively.
- Leverage Server Components, Server Actions, and hybrid rendering approaches.
- Optimize data fetching, caching, and incremental static regeneration.
- Use Next.js as a backend solution with Edge Functions and Edge Runtime.
- Manage state using React Context, Redux, and atomic state libraries.
- Optimize application performance for Web Core Vitals.
- Test, monitor, and deploy Next.js applications efficiently.
Progressive Web Apps (PWA)
14 HoursIn this instructor-led, live training Botswana (onsite or remote), participants will learn how to develop their first Progressive Web App as they step through a series of hands-on exercises culminating in the creation and deployment of a functional PWA.
React: Build Highly Interactive Web Applications
21 HoursIn this instructor-led, live training in Botswana, we demonstrate React's power and flexibility, compare it to alternative frameworks, and walk participants step-by-step through the creation of their own React application.
By the end of this course, participants will be able to:
- Understand React's design philosophy.
- Decide when and where it makes sense to use React, and when to rethink the conventional MVC model.
- Understand React concepts such as components, props, state, and lifecycle.
- Implement related technologies such as Babel, Webpack, and JSX.
- Build, test and deploy an interactive web application.
React with Next.js
14 HoursThis instructor-led, live training in Botswana (online or onsite) is aimed at web developers who wish to use Next.js to create React applications.
By the end of this training, participants will be able to:
- Develop server-side web applications and static sites in Next.js.
- Handle and store data with MongoDB.
- Secure a web application with AuthO authentication.