Last updated
Kurskode
reactpwa
Varighet
14 timer (vanligvis 2 dag inkludert pauser)
Krav
- Experience with React
Audience
- Developers
Oversikt
React er en JavaScript-bibliotek som brukes til å lage front-end webapplikasjoner. Progressive Web Apps er webapplikasjoner som fungerer og ser ut som innfødte applikasjoner på Android, Windows, og mer. Transformering av en React applikasjon integrerer innfødte funksjoner som offline brukbarhet, push notifikasjoner, etc.
Denne instruktørledede, live-trening (online eller on-site) er rettet mot utviklere som ønsker å forvandle en React applikasjon til en Progressive Web App.
Ved slutten av denne treningen vil deltakerne være i stand til å:
-
Lag den nødvendige utviklingsmiljøet for å begynne å transformere en React applikasjon.
Cache bruker Service Worker for å gjøre en React applikasjon arbeid offline.
Lag og stil en push-melding.
Installere den progressive web-appen på en mobil enhet.
Format av kurset
-
Interaktiv forelesning og diskusjon.
Mange øvelser og praksis.
Hands-on implementering i et live-lab miljø.
Kurs tilpassingsalternativer
-
For å be om en tilpasset opplæring for dette kurset, vennligst kontakt oss for å arrangere.
Machine Translated
Kursplan
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