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.
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.
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.
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.
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.
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.
React Patterns
14 godzinSzkolenie na żywo prowadzone przez instruktora (na miejscu lub zdalnie) jest przeznaczone dla programistów z umiejętnościami React, którzy chcą zoptymalizować i ulepszyć tworzenie aplikacji React poprzez zrozumienie i zastosowanie wzorców komponentów React;
Po zakończeniu tego szkolenia uczestnicy będą w stanie
- Zrozumienie różnych typów React Patterns
- Wykorzystanie React Context API w aplikacjach internetowych
Format kursu
- Interaktywny wykład i dyskusja.
- Dużo ćwiczeń i praktyki.
- Praktyczne wdrożenie w środowisku live-lab.
Opcje dostosowywania kursu
- Aby poprosić o niestandardowe szkolenie dla tego kursu, skontaktuj się z nami.
- Aby dowiedzieć się więcej o React, odwiedź:https://reactjs.org
Transform a React Application into a Progressive Web App (PWA)
14 godzinSzkolenie na żywo prowadzone przez instruktora (na miejscu lub zdalnie) 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.
- Buforowanie przy użyciu Service Worker, aby aplikacja React działała w trybie offline.
- Twórz i stylizuj powiadomienia push.
- Instalacja progresywnej aplikacji webowej na urządzeniu mobilnym.
React, Redux and TypeScript
21 godzinReact to szeroko stosowana biblioteka do tworzenia jednostronicowych aplikacji w JavaScript i HTML. Korzystają z niej takie firmy jak Facebook, Instagram, Netflix czy New York Times.
Kurs ten przedstawi podstawy, na których opiera się React i inne biblioteki (takie jak Angular i Vue.js) oraz podkreśli specyfikę Reacta. Obejmie również technologie, które są powszechnie używane z Reactem, takie jak Redux i React-Router.
Pod koniec tego kursu uczestnicy będą mogli tworzyć aplikacje o różnym stopniu złożoności za pomocą React, przestrzegając najlepszych praktyk.