SZKOLENIE REACT

16-godzinne szkolenie React w formie warsztatu

Zarezerwuj miejsce!

dla Programistów, którzy chcą skutecznie nauczyć się Reacta i zacząć tworzyć dynamiczne aplikacje internetowe

Dla kogo adresowane jest szkolenie:

  • 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

Szkolenie jest organizowane przez infoShare Academy.

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?

Rezerwuję!

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 do 07.05.2021: 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ę.

TRENER

Fullstack developer z ponad 15 letnim doświadczeniem. Z React związany od 2016 roku.


Technical Lead w GFT Poland, animator społeczności React na Facebooku oraz administratora Reactiflux.com. Uczestnik i organizator Łódzkich spotkań meet.js oraz NodeSchool.


Przeszedł pełną ścieżkę "web developera" - od HTML i backednu w PHP, przez pierwsze dynamiczne "strony z Ajaxem" kończąc na rozwiązaniach fullstackowych z JavaScript.

Na równi z dobrym User Experience stawia Developer Experience.


Okazjonalny blogger:

BARTOSZ SZCZECIŃSKI

Technical Lead at GFT Group

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

Szkolenie odbędzie się w formie zdalnej na platformie Zoom. Zajęcia odbywają się z trenerem na żywo przy zachowaniu pełnej interakcji, w tym:

  • 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! :)

Co muszę mieć / zrobić / wiedzieć przed warsztatem?

Warsztaty adresowane są dla osób, które nie miały wcześniej styczności z React, ale posiadają wiedzę z zakresu programowania w JavaScript oraz znają składnię HTML. Przed przystąpieniem do warsztatu upewnij się, że:

TERMINY ZAJĘĆ

DZIEŃ 1

Poniedziałek

17 maja 2021

17:30 - 21:30

Godzina

DZIEŃ 2

Środa

19 maja 2021

Godzina

17:30 - 21:30

DZIEŃ 3

Poniedziałek

24 maja 2021

Godzina

17:30 - 21:30

DZIEŃ 4

Środa

26 maja 2021

Godzina

17:30 - 21:30

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
  • odczytywanie wartości pól formularza z DOM
  • stan komponentu i formularze kontrolowane
  • praca z rozbudowanymi formularzami przy użyciu własnych hooków
  • praca z rozbudowanymi formularzami na przykładzie biblioteki react-hook-form

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
Tworzenie aplikacji z użyciem React

Nawigacja

  • nawigacja pomiędzy ekranami przy użyciu własnych hooków
  • prosta nawigacja z użyciem stanu aplikacji
  • integracja biblioteki react-router
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
Architektura rozbudowanych aplikacji
  • 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

  • przygotowywanie wersji produkcyjnej
  • najczęstsze problemy napotykane PO opublikowaniu aplikacji

Stylowanie aplikacji

  • używanie CSS, SASS i css-modules
  • css-in-js na przykładzie styled-components

Komunikacja z API

  • wprowadzenie do mechanizmu async/await
  • obsługiwanie procesu pobierania danych
  • integracja z popularną biblioteką react-query

Architektura cz. 2, testowanie i zapewnienie jakości, publikowanie aplikacji

ZAREZERWUJ MIEJSCE

Jesteś zainteresowany wzięciem udziału w naszych warsztatach?

Nie czekaj i już dziś zarezerwuj miejsce!

Rezerwuję!

CENNIK

PAKIET 3 OSOBY

1090 PLN

+ VAT za osobę

BILET
"EARLY BIRDS"

1190 PLN*

+ VAT za osobę

BILET STANDARDOWY

1290 PLN

+ VAT za osobę

* przy zgłoszeniu do 07.05.2021

niezależnie od daty zgłoszenia

ZGŁOŚ SWÓJ UDZIAŁ
W WARSZTATACH

Wystarczy, że wypełnisz formularz zgłoszeniowy!

Administratorem danych osobowych jest infoShare Academy sp. z o.o., który dane osobowe przetwarza zgodnie z Klauzulą informacyjną. PrywatnośćWarunki.

infoShare Academy

PRZEMYSŁAW WOŁOSZ

Koordynator ds. szkoleń dla firm

(+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!