React, Relay, and GraphQL - Plan Szkolenia
W latach następujących po 2010 r. przejście z natywnych platform internetowych na ich mobilne odpowiedniki wymagało bardziej wydajnego systemu żądania danych. W tym czasie firmy polegały na usługach RESTful, które okazały się wadliwe ze względu na ich niezdolność do dostosowania się do skomplikowanych żądań w aplikacjach React, co skutkowało powolnym czasem reakcji. Aby pokonać tę przeszkodę, inżynierowie Facebooka stworzyli usługi znane jako GraphQL i Relay. GraphQL upraszcza relację między klientem a API poprzez automatyzację żądań, podczas gdy framework JavaScript, Relay, zarządza danymi w aplikacjach React. Zarówno Relay, jak i GraphQL są używane do optymalizacji interfejsu użytkownika aplikacji React.
Szkolenie na żywo prowadzone przez instruktora (na miejscu lub zdalnie) jest przeznaczone dla programistów, którzy chcą korzystać z GraphQL i Relay do zarządzania danymi w aplikacjach React.
Po zakończeniu tego szkolenia uczestnicy będą w stanie
- Skonfiguruj niezbędne środowisko programistyczne, aby rozpocząć kontrolę danych dla aplikacji React.
- Dostarczanie natychmiastowych interakcji z interfejsem użytkownika.
- Agregacja danych z wielu bibliotek w jeden wygodny interfejs API.
- Wstępne pobieranie za pomocą GraphQL i Relay.
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
Przegląd cyklu Web Development
- Kontrola wersji, kodowanie, tworzenie, testowanie i wdrażanie
- Automatyzacja procesu
Podstawy interfejsów API i ich funkcjonalność
- Wzorce architektury sieciowej: wzorzec kompozytowy, wzorzec proxy i wzorzec fasady
- Operacje: zapytania i mutacje
Przygotowanie środowiska programistycznego
- Przygotowanie repozytorium kodu (GitHub, GitLab itp.)
- Instalacja NPM
- Przygotowanie zależności plików
Tworzenie aplikacji
- Tworzenie magazynu danych, który ładuje zawartość folderu danych
- Tworzenie pliku serwera i konfigurowanie GraphQL
- Uruchomienie React z Relay jako frameworkiem JavaScript
- Automatyzacja pracy dzięki wstępnemu pobieraniu
- Używanieróżnych zapytań, definiowanie właściwości w celu znalezienia krytycznych danych
- Dzielenie kodu danych przy użyciu Relay
Testowanie aplikacji
- Znajdowanie błędów w kodzie za pomocą JSHint
- Testowanie optymalizacji za pomocą web.dev
Zabezpieczanie aplikacji
- Uwierzytelnianie użytkowników
Rozwiązywanie problemów
Podsumowanie i wnioski
Wymagania
- Zrozumienie interfejsów API
Uczestnicy
- Deweloperzy
Szkolenia otwarte są realizowane w przypadku uzbierania się grupy szkoleniowej liczącej co najmniej 5 osób na dany termin.
React, Relay, and GraphQL - Plan Szkolenia - Booking
React, Relay, and GraphQL - Plan Szkolenia - Enquiry
React, Relay, and GraphQL - Zapytanie o Konsultacje
Zapytanie o Konsultacje
Opinie uczestników (1)
Aktualność wiedzy oraz nacisk na dobre praktyki. Wiedza została zilustrowana faktycznymi realizacjami.
Bartlomiej Nowak - Politechnika Lodzka
Szkolenie - React, Relay, and GraphQL
Propozycje terminów
Szkolenia Powiązane
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.
GraphQL Basics
7 godzinW tym instruktażowym szkoleniu na żywo w Polsce uczestnicy poznają podstawy GraphQL podczas tworzenia prostego interfejsu API z GraphQL.
Pod koniec tego szkolenia uczestnicy będą mogli:
- Zrozumieć, czym jest GraphQL i co odróżnia go od REST.
- Zrozumieć terminy najwyższego poziomu GraphQL.
- Skonfigurować środowisko kodowania GraphQL.
- Zbudować i ulepszyć GraphQL API.
Hasura GraphQL Engine
14 godzinTo prowadzone przez instruktora szkolenie na żywo w Polsce (na miejscu lub zdalnie) jest przeznaczone dla administratorów baz danych i programistów, którzy chcą używać Hasura do efektywnego budowania, uzyskiwania dostępu i zarządzania bazami danych i aplikacjami za pomocą GraphQL.
Pod koniec tego szkolenia uczestnicy będą mogli
- Skonfigurować niezbędne środowisko programistyczne, aby rozpocząć tworzenie baz danych za pomocą Hasura.
- Budować, uruchamiać, zarządzać dostępem do danych i zapytaniami w Hasura przy użyciu modeli GraphQL.
- Zabezpieczać dostęp do danych, konfigurując uwierzytelnianie za pomocą JSON Web Tokens i Firebase.
- Rozszerzanie funkcji bazy danych poprzez integrację logiki biznesowej.
- Skuteczne zarządzanie migracjami baz danych i metadanymi w Hasura, aby zapobiec utracie danych.
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.
Building Interactive Applications with React, Redux and GraphQL
28 godzinW tym prowadzonym przez instruktora szkoleniu na żywo w Polsce uczestnicy dowiedzą się, jak budować React aplikacje przy użyciu Flux i GraphQL. Kurs obejmuje instalację, konfigurację, integrację, testowanie, wdrażanie i najlepsze praktyki, ponieważ prowadzi uczestników przez tworzenie serii przykładowych aplikacji, które pokazują, jak dodać dodatkowe poziomy złożoności i "fajności" do aplikacji przy użyciu najbardziej zaawansowanych zestawów narzędzi i technik.
Tworzenie aplikacji z React wymaga innego rodzaju myślenia, w porównaniu do tego, do czego niektórzy programiści są przyzwyczajeni, zwłaszcza gdy pochodzą z innych frameworków MVC, takich jak AngularJS i Bootstrap. Szkolenie obejmuje podstawy technologii wykorzystywanych na każdym etapie, dzięki czemu uczestnicy są w stanie nie tylko zbudować funkcjonalną aplikację, ale także zrozumieć, dlaczego stosuje się określone podejście. Daje to podstawy do samodzielnego i kreatywnego myślenia o projekcie i pożądanych rezultatach w budowaniu własnych aplikacji w przyszłości.
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.