Transform a React Application into a Progressive Web App (PWA)

• Doświadczenie z React

Grupa docelowa

• Programiści

React jest biblioteką JavaScript, która służy do tworzenia aplikacji front-endowych. Progressive Web Apps są aplikacjami internetowymi, które działają i wyglądają jak natywne aplikacje na Android, Windows i więcej. Przekształcenie aplikacji React integruje funkcje nienawiasowe, takie jak offline usability, powiadomienia push itp.

To szkolenie prowadzone przez instruktora (online lub stacjonarne) jest przeznaczone dla developerów, którzy chcą przekształcić aplikację React w Progressive Web App.

Na koniec tego szkolenia uczestnicy będą w stanie:

• Uruchomić niezbędne środowisko deweloperskie, aby rozpocząć przekształcanie aplikacji React.
• Pamiętać za pomocą Service Worker, aby aplikacja React działała offline.
• Stworzyć i stylizować powiadomienie push.
• Zainstalować aplikację webową w urządzeniu mobilnym.

Format kursu

• Interaktywne wykłady i dyskusje.
• Wielu ćwiczeń i praktyki.
• Ręczne wdrażanie w środowisku live-lab.

Opcje dostosowania kursu

• Aby złożyć wniosek o dostosowane szkolenie dla tego kursu, skontaktuj się z nami, aby ustalić.

Wprowadzenie

Biblioteki React i JavaScript

• Procesy stosowane w bibliotekach JavaScript do tworzenia aplikacji webowych

Przegląd cyklu Web Application Development

• Aplikacje natywne w porównaniu z aplikacjami postępowymi
• Logika skryptu Java, szablony CSS i szablony HTML

React Goes Native z Progressive Web Apps

• Wieloplatformowość
• Wsteczna kompatybilność
• Równość funkcji

Aplikacje Progressive Web i powiadomienia push

• Interfejs API Push
• Interfejs API powiadomień

Przygotowanie środowiska rozwojowego

• Instalowanie i konfigurowanie Node.Js
• Instalowanie i konfigurowanie NPM

Tworzenie i optymalizowanie aplikacji React

• Tworzenie nowej szablonowej aplikacji React
• Instalowanie routerów DOM do nawigacji i zapisu w aplikacji React
• Programowanie listy zadań
• Aktualizowanie domyślnych stylów
• Rejestrowanie Service Worker

Konfiguracja ikon i powiadomień push

• Tworzenie i stylizowanie powiadomień push
• Tworzenie i stylizowanie ikon

Wdrażanie aplikacji

• Uruchamianie aplikacji React na symulatorze urządzenia mobilnego lub na urządzeniu mobilnym

Testowanie aplikacji

• Sprawdzanie aplikacji React za pomocą Lighthouse, aby określić, czy spełnia ona standard PWA

Podsumowanie i wnioski