Course Code: microfrontendreact
Duration: 21 hours
Prerequisites:
  • Doświadczenie z React
  • Doświadczenie w programowaniu JavaScript

Publiczność

  • Deweloperzy
Overview:

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.
Course Outline:

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

Sites Published:

United Arab Emirates - Building Micro Frontends with React

Qatar - Building Micro Frontends with React

Egypt - Building Micro Frontends with React

Saudi Arabia - Building Micro Frontends with React

South Africa - Building Micro Frontends with React

Brasil - Building Micro Frontends with React

Canada - Building Micro Frontends with React

中国 - Building Micro Frontends with React

香港 - Building Micro Frontends with React

澳門 - Building Micro Frontends with React

台灣 - Building Micro Frontends with React

USA - Building Micro Frontends with React

Österreich - Building Micro Frontends with React

Schweiz - Building Micro Frontends with React

Deutschland - Building Micro Frontends with React

Czech Republic - Building Micro Frontends with React

Denmark - Building Micro Frontends with React

Estonia - Building Micro Frontends with React

Finland - Building Micro Frontends with React

Greece - Building Micro Frontends with React

Magyarország - Building Micro Frontends with React

Ireland - Building Micro Frontends with React

Luxembourg - Building Micro Frontends with React

Latvia - Building Micro Frontends with React

España - Building Micro Frontends with React

Italia - Building Micro Frontends with React

Lithuania - Building Micro Frontends with React

Nederland - Building Micro Frontends with React

Norway - Building Micro Frontends with React

Portugal - Building Micro Frontends with React

România - Building Micro Frontends with React

Sverige - Building Micro Frontends with React

Türkiye - Building Micro Frontends with React

Malta - Building Micro Frontends with React

Belgique - Building Micro Frontends with React

France - Building Micro Frontends with React

日本 - Building Micro Frontends with React

Australia - Building Micro Frontends with React

Malaysia - Building Micro Frontends with React

New Zealand - Building Micro Frontends with React

Philippines - Building Micro Frontends with React

Singapore - Building Micro Frontends with React

Thailand - Building Micro Frontends with React

Vietnam - Building Micro Frontends with React

India - Building Micro Frontends with React

Argentina - Building Micro Frontends with React

Chile - Building Micro Frontends with React

Costa Rica - Building Micro Frontends with React

Ecuador - Building Micro Frontends with React

Guatemala - Building Micro Frontends with React

Colombia - Building Micro Frontends with React

México - Building Micro Frontends with React

Panama - Building Micro Frontends with React

Peru - Building Micro Frontends with React

Uruguay - Building Micro Frontends with React

Venezuela - Building Micro Frontends with React

Polska - Building Micro Frontends with React

United Kingdom - Building Micro Frontends with React

South Korea - Building Micro Frontends with React

Pakistan - Building Micro Frontends with React

Sri Lanka - Building Micro Frontends with React

Bulgaria - Building Micro Frontends with React

Bolivia - Building Micro Frontends with React

Indonesia - Building Micro Frontends with React

Kazakhstan - Building Micro Frontends with React

Moldova - Building Micro Frontends with React

Morocco - Building Micro Frontends with React

Tunisia - Building Micro Frontends with React

Kuwait - Building Micro Frontends with React

Oman - Building Micro Frontends with React

Slovakia - Building Micro Frontends with React

Kenya - Building Micro Frontends with React

Nigeria - Building Micro Frontends with React

Botswana - Building Micro Frontends with React

Slovenia - Building Micro Frontends with React

Croatia - Building Micro Frontends with React

Serbia - Building Micro Frontends with React

Bhutan - Building Micro Frontends with React

Nepal - Building Micro Frontends with React

Uzbekistan - Building Micro Frontends with React