Building Micro Frontends with React - Plan Szkolenia
React to biblioteka skryptów typu open source Java używana do tworzenia interfejsów użytkownika dla aplikacji internetowych. Micro Frontend to architektura, w której pół-niezależne fragmenty interfejsu użytkownika aplikacji internetowej (front-end) są opracowywane, testowane i wdrażane niezależnie. Przypomina ona architekturę back-endu mikrousług.
Szkolenie 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
- Skonfigurowanie środowiska programistycznego niezbędnego do rozpoczęcia tworzenia mikro-frontendów React.
- Zrozumieć architekturę, podstawowe koncepcje i zalety 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.
- Poznaj typowe problemy z CSS w mikro-frontendach i dowiedz się, jak je naprawić.
- Uzyskaj wgląd w to, jak wdrażać inne frameworki frontendowe za pomocą React.
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 architektury mikro-frontendów i podstawowych koncepcji
- Podstawy React
Pierwsze kroki
- Konfigurowanie środowiska programistycznego
- Podstawy federacji modułów
- Inne frameworki frontendowe
Tworzenie mikro frontendów
- Tworzenie struktury projektu przy użyciu React
- Konwersja do mikro-frontendów
- Modyfikowanie aplikacji mikro-frontend
- Udostępnianie zależności i łączenie wielu aplikacji
Integracja hostów/kontenerów z mikro frontendami
- Integracje w czasie kompilacji i uruchamiania
- Montaż komponentów aplikacji
Praca z CSS w mikro frontendach
- Modyfikowanie komponentu nagłówka
- Zrozumienie CSS w bibliotekach JS
- Typowe problemy z CSS w mikro frontendach
- Debugowanie i naprawianie błędów
Konfigurowanie uwierzytelniania we frontendach Micro
- Podejścia wdrożeniowe
- Komunikowanie zmian uwierzytelniania
- Dodawanie konfiguracji wdrożenia uwierzytelniania
Wdrażanie mikro frontendów
- Wymagania dotyczące wdrażania
- Wdrażanie potoku CI/CD
- Testowanie potoku
- Uruchamianie wdrożenia
- Weryfikacja wdrożenia
Rozwiązywanie problemów
Podsumowanie i kolejne kroki
Wymagania
- Doświadczenie z React
- Doświadczenie w programowaniu JavaScript
Uczestnicy
- Deweloperzy
Szkolenia otwarte są realizowane w przypadku uzbierania się grupy szkoleniowej liczącej co najmniej 5 osób na dany termin.
Building Micro Frontends with React - Plan Szkolenia - Booking
Building Micro Frontends with React - Plan Szkolenia - Enquiry
Building Micro Frontends with React - Zapytanie o Konsultacje
Zapytanie o Konsultacje
Opinie uczestników (2)
Sposób, w jaki trener układał i wyjaśniał lekcje: od tempa wypowiedzi po objaśniane informacje, tak aby zrozumieli je zarówno doświadczeni, jak i początkujący. Dziękuję, Marcinie!
Ana - MSG system
Szkolenie - Building Micro Frontends with React
Przetłumaczone przez sztuczną inteligencję
Jest bardzo cierpliwy i rozumiały wobec uczestników. Zawsze gotowy, aby dostarczyć nam wartościowe wskazówki i porady dotyczące wprowadzenia mikrofrontendów do naszej organizacji. Nauczył nas także, jak zaimplementować mikrofrontendy bez użycia jakichkolwiek kodów boilerplate.
Alvin Chin - Ministry of Defence
Szkolenie - Building Micro Frontends with React
Przetłumaczone przez sztuczną inteligencję
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.
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.
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.
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.
React, Relay, and GraphQL
14 godzinSzkolenie na żywo prowadzone przez instruktora (na miejscu lub zdalnie) jest przeznaczone dla programistów, którzy chcą używać 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 uruchomić kontrolę danych dla React aplikacji.
- Dostarczanie natychmiastowych interakcji UI-odpowiedź.
- Agregacja danych z wielu bibliotek w jeden wygodny interfejs API.
- Pobieranie wstępne przy użyciu GraphQL i Relay.
Spring Boot, React, and Redux
14 godzinSzkolenie na żywo prowadzone przez instruktora (na miejscu lub zdalnie) jest przeznaczone dla programistów internetowych, którzy chcą tworzyć funkcjonalne aplikacje internetowe typu front-end i back-end z Spring Boot, React, and Redux.
Po zakończeniu tego szkolenia uczestnicy będą w stanie
- Zbuduj aplikację front-end z React i Redux.
- Tworzenie interfejsów API RESTful z Spring Boot.
- Zabezpiecz usługi sieciowe za pomocą zabezpieczeń Spring i tokenów sieciowych JWT.