Trener

Terminy

Cennik

Program

SZKOLENIE REACT

16-godzinne szkolenie React w formie warsztatu

• dla programistów tworzących strony internetowe, którzy chcą nauczyć się wykorzystywać React i nowoczesne wzorce JavaScript do tworzenia interaktywnych aplikacji internetowych.
• dla osób, które chcą objąć nową ścieżkę kariery, lub znają już inne popularne biblioteki i chcą zwiększyć swoją szansę na rynku pracy
• dla programistów, którzy uczyli się React na własną rękę, ale potrzebują uporządkowania wiedzy

Odpuść sobie, jeżeli:

• nie znasz JavaScript ani nie pracowałaś/eś z HTML
• znasz już dobrze React i szukasz szkolenia z zaawansowanych wzorców – część szkolenia może okazać się dla Ciebie zbyt podstawowa

React to najpopularniejsza biblioteka JavaScript pozwalająca na tworzenie aplikacji dla przeglądarek, urządzeń mobilnych a także aplikacji desktopowych.

Dzięki nieskomplikowanemu API React jest biblioteką z grupy „łatwe do nauczenia, ale trudne do opanowania”.

Podejście, w którym każdy element aplikacji jest komponentem pozwala na łatwe reużywanie kodu, rozwój aplikacji niezależnie przez wielu programistów oraz stopniową modernizację.

CZYM JEST REACT?

Czas trwania: 16 godzin
Liczba uczestników: min. 6 / max. 16 osób
Cennik:
♦ Pakiet 3 osoby: 1090 PLN netto + VAT
♦ Early Birds do 13.11: 1190 PLN netto + VAT
♦ Bilet standardowy: 1290 PLN netto + VAT

Czas trwania: 16 godzin

Liczba uczestników:

min. 6 / max. 16 osób

Cennik:

▸ Pakiet 3 osoby:

1090 PLN netto + VAT

▸ Early Birds do 07.05.2021:

1190 PLN netto + VAT

▸ Bilet standardowy:

1290 PLN netto + VAT

Czas trwania: 16 godzin

Liczba uczestników: min. 6 / max. 16 osób

Cennik:

▸ Pakiet 3 osoby: 1090 PLN netto + VAT za osobę

▸ Early Birds  : 1190 PLN netto + VAT za osobę

▸ Bilet standardowy: 1290 PLN netto + VAT za osobę

JAK BĘDĄ WYGLĄDAŁY WARSZTATY

Warsztaty to coś więcej niż tylko slajdy i nudne nagrania z taśmy. Podczas zajęć będziesz miał/a możliwość przyswojenia wiedzy teoretycznej, którą następnie przekształcisz w działające przykłady, a ostatecznie utworzysz pełnoprawną aplikację, która gotowa będzie do opublikowania i wzbogacenia Twojego portfolio.

Podczas spotkań poruszymy wszystkie kluczowe tematy związane z tworzeniem aplikacji React – od utworzenia środowiska programistycznego i doboru narzędzi, przez aplikację najważniejszych wzorców projektowych, kończąc na publikowaniu i zabezpieczaniu aplikacji.

Każdy etap warsztatów jest automatycznie weryfikowany przez wykonanie testów, które pozwolą Ci szybko zweryfikować czy byłeś/aś w stanie zaaplikować zdobytą wiedzę.

Podczas szkolenia dowiesz się:

• jak tworzyć interaktywne aplikacje wykorzystujące React
• jak skutecznie komunikować się z backendem w celu pobrania i przesłania danych
• jak połączyć React z popularnymi bibliotekami do routingu, zarządzania stylami
• jak pisać testowalne i łatwe do utrzymania aplikacje

• posiadasz zainstalowane środowisko NodeJS (nie ważne, czy używasz Windows czy innych platform!) oraz system kontroli wersji git
• zainstalowałaś/eś swoje ulubione środowisko IDE lub edytor kodu oraz przeglądarkę (Chrome lub Firefox)
• znasz podstawy JavaScript – chociażby ES5 (podczas warsztatów wszelkie tematy ES6 będą pokrótce wyjaśnione wraz z tym jak będą wprowadzane)
• słuchawki, mikrofon oraz dodatkowy monitor znacznie podniosą komfort pracy! :)

PROGRAM WARSZTATÓW

Dzień 1

Wprowadzenie do React

• React vs reszta świata - różnice w projektowaniu aplikacji
• wprowadzenie do idei JSX i modelu renderowania-
• React bez "boilerplate"
• instalacja narzędzi - create-react-app, react developer tools, lint ...
• przydatna notacja ES6 i nowsza

Praca z formularzami

Dzień 2

Komponenty

• wprowadzenie do idei komponentów
• komponent klasowe i oparte o funkcje
• renderowanie struktur komponentów
• renderowanie listy komponentów
• używanie JavaScript w komponentach
• przekazywanie danych do komponentu
• typowanie parametrów komponentu
• komponowanie komponentów

Obsługa zdarzeń

• zdarzenia użytkownika
• cykl życia komponentu

Hooki

• wprowadzenie do tematu hooków
• useState
• useEffect
• tworzenie własnych hooków, reguły hooków

Zarządzanie stanem

• przechowywanie i aktualizowanie stanu komponentu
• dzielenie stanu pomiędzy wieloma komponentami

Podstawy React

Nawigacja

Dzień 3

Tworzenie skalowalnych aplikacji

• wzorzec projektowy "high order components"
• wzorzec projektowy "render props"
• optymalizowanie re-renderowania przy użyciu useCallback i useMemo
• zmiany w konfiguracji webpack, babel

Dzień 4

• współdzielenie stanu i logiki z użyciem kontekstu
• mechanizm useReducer
• renderowanie modali z użyciem portalów
• optymalizacja wielkości aplikacji poprzez dzielenie kodu

Zagadnienia zaawansowane

• wprowadzenie do testów jednostkowych
• tworzenie testów przy użyciu React Testing Library

Testowanie komponentów React

Publikowanie aplikacji

Stylowanie aplikacji

Komunikacja z API

CENNIK

PAKIET 3 OSOBY

1090 PLN

+ VAT za osobę

BILET
"EARLY BIRDS"

+ VAT za osobę

1290 PLN

+ VAT za osobę

* przy zgłoszeniu

niezależnie od daty zgłoszenia

infoShare Academy

PRZEMYSŁAW WOŁOSZ

(+48) 730 830 801

przemyslaw.wolosz@infoShareAcademy.com

Jesteś zainteresowany zorganizowaniem tego warsztatu w formie zamkniętej,

dla pracowników Twojej firmy? Skontaktuj się z nami!