Transform a React Application into a Progressive Web App (PWA) - Plan Szkolenia
React to JavaScript biblioteka używana do tworzenia front-endowych aplikacji internetowych. Progresywne aplikacje internetowe to aplikacje internetowe, które działają i wyglądają jak natywne aplikacje na Androida, Windowsa i nie tylko. Przekształcenie aplikacji React integruje natywne funkcje, takie jak użyteczność offline, powiadomienia push itp.
To prowadzone przez instruktora szkolenie na żywo (w trybie online lub na miejscu) jest przeznaczone dla programistów, którzy chcą przekształcić aplikację React w progresywną aplikację internetową.
Po zakończeniu tego szkolenia uczestnicy będą w stanie
- Skonfiguruj niezbędne środowisko programistyczne, aby rozpocząć przekształcanie aplikacji React.
- Cache'owanie za pomocą Service Workera, aby aplikacja React działała w trybie offline.
- Tworzenie i stylizowanie powiadomień push.
- Zainstaluj progresywną aplikację internetową na urządzeniu mobilnym.
Format kursu
- Interaktywny wykład i dyskusja.
- Dużo ćwiczeń i praktyki.
- Praktyczne wdrożenie w środowisku live-lab.
Opcje dostosowywania kursu
- Aby zamówić niestandardowe szkolenie dla tego kursu, skontaktuj się z nami.
Plan Szkolenia
Wprowadzenie
React i biblioteki JavaScript
- Procesy wykorzystywane w bibliotekach JavaScript do tworzenia aplikacji internetowych
Przegląd cyklu tworzenia aplikacji internetowych
- Aplikacje natywne a aplikacje progresywne
- JavaLogika skryptu, szablony CSS i szablony HTML
React Goes Native z progresywnymi aplikacjami internetowymi
- Wieloplatformowość
- Kompatybilność wsteczna
- Parytet funkcji
Progresywne aplikacje internetowe i powiadomienia push
- Push API
- Interfejs API powiadomień
Przygotowanie środowiska programistycznego
- Instalowanie i konfigurowanie Node.Js
- Instalowanie i konfigurowanie NPM
Programowanie i optymalizacja aplikacji React
- Tworzenie nowej szablonowej aplikacji React
- Instalowanie routerów dom do nawigacji i zapisywania w aplikacji React
- Kodowanie listy rzeczy do zrobienia
- Aktualizacja domyślnych stylów
- Rejestrowanie Service Workera
Konfigurowanie ikon i powiadomień push
- Tworzenie i stylizowanie powiadomień push
- Tworzenie i stylizowanie ikon
Wdrażanie aplikacji
- Uruchamianie aplikacji React na symulatorze mobilnym lub na urządzeniu mobilnym
Testowanie aplikacji
- Sprawdzenie poprawnościReact aplikacji w Lighthouse w celu ustalenia, czy spełnia ona standard PWA.
Podsumowanie i wnioski
Wymagania
- Doświadczenie z React
Uczestnicy
- Deweloperzy
Szkolenia otwarte są realizowane w przypadku uzbierania się grupy szkoleniowej liczącej co najmniej 5 osób na dany termin.
Transform a React Application into a Progressive Web App (PWA) - Plan Szkolenia - Booking
Transform a React Application into a Progressive Web App (PWA) - Plan Szkolenia - Enquiry
Transform a React Application into a Progressive Web App (PWA) - Zapytanie o Konsultacje
Zapytanie o Konsultacje
Opinie uczestników (1)
Dzielenie się ogólnej wiedzą przez Narenda oraz wszystkimi udostępnionymi zasobami developerskimi
Pako Diale
Szkolenie - Transform a React Application into a Progressive Web App (PWA)
Przetłumaczone przez sztuczną inteligencję
Propozycje terminów
Szkolenia Powiązane
Advanced Progressive Web App (PWA)
14 godzinTo prowadzone przez instruktora szkolenie na żywo (na miejscu lub zdalnie) jest przeznaczone dla programistów, którzy chcą tworzyć zaawansowane progresywne aplikacje internetowe, które wykonują ekskluzywne funkcje związane z powiadomieniami push i dostępnością offline.
Po zakończeniu tego szkolenia uczestnicy będą w stanie
- Skonfiguruj niezbędne środowisko programistyczne, aby rozpocząć tworzenie zaawansowanej progresywnej aplikacji internetowej.
- Tworzenie powiadomień push umożliwiających subskrypcje.
- Buforowanie za pomocą Service Worker, aby aplikacja internetowa działała w trybie offline.
- Tworzenie powiadomień push, które zachęcają często odwiedzających do zainstalowania aplikacji.
Advanced React
14 godzinTo prowadzone przez instruktora szkolenie na żywo w Polsce (online lub na miejscu) jest przeznaczone dla programistów, którzy chcą budować React komponenty i projektować złożone aplikacje.
Po zakończeniu tego szkolenia uczestnicy będą w stanie
- Zrozumieć zaawansowane koncepcje Reacta, w tym interfejsy API kontekstu, HOC, stan zewnętrzny, asynchroniczne interfejsy API itp.
- Buduj komponenty komponowalne za pomocą React.
- Włączanie uwierzytelniania po stronie serwera i klienta.
- Wdrażanie bibliotek React i Redux do zarządzania złożonymi aplikacjami stanowymi.
- Redukcja kodu i optymalizacja wydajności aplikacji.
- Testowanie i wdrażanie aplikacji.
Ant Design
7 godzinTo prowadzone przez instruktora szkolenie na żywo w Polsce (online lub na miejscu) jest przeznaczone dla programistów, którzy chcą korzystać z Ant Design, aby poprawić wrażenia użytkownika w swojej aplikacji React.
Pod koniec tego szkolenia uczestnicy będą mogli wdrożyć komponenty Ant Design React do tworzenia pięknych aplikacji internetowych klasy korporacyjnej.
FARM (FastAPI, React, and MongoDB) Full Stack Development
14 godzinSzkolenie na żywo prowadzone przez instruktora (na miejscu lub zdalnie) jest przeznaczone dla programistów, którzy chcą korzystać ze stosu FARM (FastAPI, React i MongoDB) do tworzenia dynamicznych, wydajnych i skalowalnych aplikacji internetowych.
Po zakończeniu tego szkolenia uczestnicy będą w stanie
-
Skonfigurowanie niezbędnego środowiska programistycznego, które integruje FastAPI, React i MongoDB.
Zrozumienie kluczowych pojęć, funkcji i zalet stosu FARM.
Dowiedz się, jak tworzyć interfejsy API REST za pomocą FastAPI.
Dowiedz się, jak projektować interaktywne aplikacje za pomocą React.
Rozwijaj, testuj i wdrażaj aplikacje (front-end i back-end) przy użyciu stosu FARM.
Choosing the Right JavaScript Framework
14 godzinTo prowadzone przez instruktora szkolenie na żywo w Polsce (na miejscu lub zdalnie) jest przeznaczone dla programistów, którzy muszą zdecydować, którego frameworka JavaScript użyć do opracowania aplikacji front-end.
Pod koniec tego szkolenia uczestnicy będą mogli
- Skonfigurować optymalne środowisko programistyczne, aby rozpocząć tworzenie aplikacji front-end.
- Wdrożyć aplikacje demonstracyjne w celu przetestowania ograniczeń i korzyści frameworka JavaScript.
- Zdecydować, który framework JavaScript jest najlepiej dopasowany.
JavaScript, Node JS and React Bootcamp (Beginner to Intermediate Level)
35 godzinTo prowadzone przez instruktora szkolenie na żywo w Polsce (na miejscu lub zdalnie) jest przeznaczone dla początkujących programistów .NET, którzy chcą zdobyć biegłość w JavaScript, Node.js i React, aby aktywnie rozwijać i migrować systemy/platformy.
Pod koniec tego szkolenia uczestnicy będą mogli
- Skutecznie pisać i debugować kod JavaScript.
- Tworzyć i wdrażać aplikacje po stronie serwera przy użyciu Node.js.
- Rozwijać dynamiczne i responsywne interfejsy użytkownika za pomocą React.
- Integrować komponenty front-end i back-end w celu tworzenia aplikacji typu full-stack.
- Zrozumienie najlepszych praktyk migracji starszych systemów na nowoczesne platformy oparte na JavaScript.
Testing React Apps with Jest
14 godzinTo prowadzone przez instruktora szkolenie na żywo (na miejscu lub zdalnie) jest przeznaczone dla inżynierów, którzy chcą używać Jest do testowania React aplikacji i komponentów.
Po zakończeniu tego szkolenia uczestnicy będą w stanie
- Instalacja i konfiguracja odpowiedniego środowiska testowego.
- Pisanie testów asynchronicznych dla React aplikacji i komponentów.
- Uruchamianie zaawansowanych testów Jest, które obejmują mocking, spies i stubs.
MERN Fullstack Development
14 godzinTen prowadzony przez instruktora trening na żywo w Polsce (online lub na miejscu) jest skierowany do twórców stron internetowych, którzy chcą używać MERN Stack do pełnego rozwoju.
Po zakończeniu tego szkolenia uczestnicy będą w stanie
- Integracja React z MongoDB, Express i Node.js.
- Zbuduj aplikację internetową fullstack od podstaw.
- Wdrożenie zabezpieczeń aplikacji poprzez autoryzację i uwierzytelnianie.
Building Micro Frontends with React
21 godzinSzkolenie na żywo prowadzone przez instruktora (na miejscu lub zdalnie) jest przeznaczone dla programistów, którzy chcą używać React do opracowywania, testowania i wdrażania mikro-frontendów dla dużych aplikacji internetowych, dzięki czemu są one wysoce skalowalne, niezależne od technologii i łatwiejsze w utrzymaniu.
Po zakończeniu tego szkolenia uczestnicy będą w stanie
- Ustawienie środowiska programistycznego niezbędnego do rozpoczęcia tworzenia mikro-frontendów za pomocą React.
- Zrozumienie architektury, podstawowych koncepcji i zalet mikro-frontendów.
- Dowiedz się, jak budować, integrować, testować i wdrażać mikro-frontendy za pomocą React.
- Wdrażanie mikro-frontendów z federacją modułów.
- Zastosuj przepływ pracy CI/CD pipeline na poziomie produkcyjnym.
- Znajomość typowych problemów z CSS w mikro-frontendach i jak je naprawić.
- Uzyskaj wgląd w to, jak wdrażać inne frameworki frontendowe za pomocą React.
Building Microservices with NodeJS and React
21 godzinSzkolenie na żywo prowadzone przez instruktora (na miejscu lub zdalnie) jest przeznaczone dla doświadczonych programistów, którzy chcą tworzyć, wdrażać i skalować aplikacje przy użyciu mikrousług zbudowanych za pomocą NodeJS i React.
Pod koniec tego szkolenia uczestnicy będą mogli:
- Rozwijają, wdrażają i skalują aplikacje przy użyciu różnych mikrousług.
- Budują aplikację React renderowaną po stronie serwera.
- Wdrażają wielousługowe aplikacje w chmurze za pomocą Docker i Kubernetes.
- Przeprowadzają testy aplikacji na mikrousługach.
Next.js 14 Advanced Development
21 godzinThis instructor-led, live training in Polsce (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 godzinSzkolenie na żywo prowadzone przez instruktora (na miejscu lub zdalnie) jest przeznaczone dla zaawansowanych programistów, którzy chcą opanować najnowsze funkcje Next.js 14, zoptymalizować wydajność i wdrożyć nowoczesne React techniki.
Pod koniec tego szkolenia uczestnicy będą mogli
- Wdrożyć zaawansowane React haki i funkcje współbieżne.
- Zrozumieć i skutecznie wykorzystać strategie routingu Next.js.
- Wykorzystywać komponenty serwera, akcje serwera i hybrydowe podejścia do renderowania.
- Optymalizacja pobierania danych, buforowania i przyrostowej regeneracji statycznej.
- Wykorzystanie Next.js jako rozwiązania backendowego z Edge Functions i Edge Runtime.
- Zarządzanie stanem przy użyciu React Context, Redux i bibliotek stanu atomowego.
- Optymalizacja wydajności aplikacji dla Web Core Vitals.
- Wydajne testowanie, monitorowanie i wdrażanie aplikacji Next.js.
Progressive Web Apps (PWA)
14 godzinW tym prowadzonym przez instruktora szkoleniu na żywo (na miejscu lub zdalnie) uczestnicy dowiedzą się, jak opracować swoją pierwszą progresywną aplikację internetową, przechodząc przez serię praktycznych ćwiczeń zakończonych utworzeniem i wdrożeniem funkcjonalnej PWA.
React: Build Highly Interactive Web Applications
21 godzinW tym prowadzonym przez instruktora szkoleniu na żywo w Polsce demonstrujemy moc i elastyczność React, porównujemy go z alternatywnymi frameworkami i prowadzimy uczestników krok po kroku przez tworzenie własnej aplikacji React.
Pod koniec tego kursu uczestnicy będą w stanie
- Zrozumienie filozofii projektowania React .
- Zdecyduj, kiedy i gdzie warto użyć React, a kiedy należy przemyśleć konwencjonalny model MVC.
- Zrozumienie pojęć React, takich jak komponenty, rekwizyty, stan i cykl życia.
- Wdrażanie powiązanych technologii, takich jak Babel, Webpack i JSX.
- Budowanie, testowanie i wdrażanie interaktywnej aplikacji internetowej.
React with Next.js
14 godzinSzkolenie na żywo prowadzone przez instruktora (na miejscu lub zdalnie) jest przeznaczone dla twórców stron internetowych, którzy chcą korzystać z Next.js do tworzenia aplikacji React.
Po zakończeniu tego szkolenia uczestnicy będą w stanie
- Twórz aplikacje internetowe po stronie serwera i statyczne witryny w Next.js.
- Obsługa i przechowywanie danych za pomocą MongoDB.
- Zabezpiecz aplikację internetową za pomocą uwierzytelniania AuthO.