Sprawdź 105 GWARANTOWANYCH TERMINÓW SZKOLEŃ na rok 2026! Dofinansowanie do 100% — sprawdź możliwości z BUR i KFS!
22 299 53 69
Szkolenie JavaScript

Tworzenie aplikacji w React i Redux

Absolwentka Akademii Górniczo-Hutniczej na kierunku Inżynieria Systemów i Oprogramowania oraz Politechniki Krakowskiej na kierunku Grafika Komputerowa i Multimedia. Swoją przygodę...

więcej →

Program, termin i format dostosujemy do Twojego zespołu

Najbliższe terminy 9:00 – 16:00

Brak dostępnych terminów. Skontaktuj się z nami!

Powiadamiaj mnie o nowych terminach gwarantowanych tego szkolenia

Powiadomienia o terminach gwarantowanych

Na podany adres e-mail będziesz otrzymywać informacje o pojawiających się terminach gwarantowanych szkolenia Tworzenie aplikacji w React i Redux.

Z powiadomień możesz wypisać się w dowolnym momencie.

Zorganizuj to szkolenie tylko dla swojego zespołu

To szkolenie można zorganizować w formie zamkniętej — z programem dopasowanym do potrzeb Twojego zespołu, w uzgodnionym terminie i formacie.

Dowiedz się więcej

Opis szkolenia

Kompleksowe, warsztatowe szkolenie z zakresu tworzenia nowoczesnych aplikacji webowych z użyciem React i Redux. Dla kogo to szkolenie? Szkolenie kierowane jest do osób, które:
  • znają JavaScript w stopniu co najmniej średnio-zaawansowanym
  • znają w stopniu podstawowym HTML i CSS
  • Pisały testy automatyczne do kodu
  • chciałyby zgłębić wiedzę w zakresie zaawansowanych technik tworzenia interaktywnych aplikacji
Co uczestnik powinien wiedzieć przed jego rozpoczęciem Uczestnicy powinni znać :
  • JavaScript - poziom średnio-zaawansowany
  • podstawy HTML i CSS
  • podstawy React
  • podstawy testowania automatycznego


Przejdź do programu szkolenia

Prowadząca szkolenie

Agata Malec

Agata Malec

Absolwentka Akademii Górniczo-Hutniczej na kierunku Inżynieria Systemów i Oprogramowania oraz Politechniki Krakowskiej na kierunku Grafika Komputerowa i Multimedia.

Swoją przygodę z programowaniem rozpoczęła w 2012 roku i od tego czasu przeszła drogę od mniejszych projektów po złożone systemy dla dużych korporacji, nieustannie rozwijając swój warsztat.

Aktualnie pracuje w jednej z większych warszawskich firm, gdzie jako Senior Software Engineer buduje zaawansowane platformy chmurowe w nowoczesnej architekturze mikro-frontendowej.

Jako doświadczona trenerka IT prowadzi specjalistyczne szkolenia i warsztaty z zakresu programowania, JavaScriptu oraz wszelkich frontendowych technologii.

Swoją wiedzą dzieliła się wielokrotnie jako prelegentka na różnych konferencjach oraz podczas spotkań społeczności takich jak Women in Technology czy Geek Girls Carrots.

Program szkolenia

  1. Podstawy ECMAScript

    Zanim zaczniemy tworzyć naszą aplikację, przypomnimy sobie pokrótce podstawy ECMAScript

    • Let i const
    • Fat arrow function
    • Klasy
    • Spread/rest operator
    • Template string
    • Import i export

  2. React - Wstęp

    React re-start, czyli przypomnienie podstawowych założeń, instalacja odpowiednich narzędzi i szybkie wyświetlenie hello world na potwierdzenie, że jesteśmy gotowi do pracy

    • Główne założenia React
    • Przygotowanie środowiska pracy
    • “Hello world” w React
    • React Developer Tools

  3. JSX

    JSX to rozszerzenie JavaScript, które umożliwia tworzenie elementów DOM za pomocą składni przypominającej HTML.

    • Podstawy JSX
    • Wyrażenia
    • Atrybuty
    • Inne elementy renderowalne (Portals, React.Fragments)
    • Klucze

  4. Komponenty

    Komponenty to jedna z najważniejszych rzeczy w React. W tej części dowiemy się czym są, jak je tworzyć i jak się nimi biegle posługiwać.

    • Czym jest komponent?
    • Komponenty funkcyjne
    • Komponenty klasowe
    • Komponenty funkcyjne kontra klasowe
    • Props
    • Komponent jako pure function
    • Cykl życia komponentu
    • State

  5. Eventy

    Tworzenie eventów w React jest bardzo proste czego dowiemy się w tej części. Dodatkowo eventy w React mają jeszcze jedną ciekawą właściwość - pomagają w komunikacji pomiędzy komponentami.

    • Rodzaje eventów
    • Tworzenie eventów - bindowanie i this
    • Arrow function jako metoda eventu
    • Inline arrow function jako metoda eventu
    • Przekazywanie argumentów do eventów
    • Przekazywanie eventów do komponentów dzieci

  6. Warunkowe renderowanie

    Czym jest instrukcja warunkowa if, wie każdy kto chociaż trochę poznał podstawy programowania, ale w tej części skupimy się na kilku prostych zasadach dotyczących warunkowego renderowania lub blokowania elementów i komponentów.

    • Instrukcja warunkowa if
    • Operator warunkowy
    • Logiczny operator &&
    • Blokowanie wyświetlania komponentów

  7. Formularze

    Formularze to bardzo przyjemny rozdział w React, a to dzięki spójności w tworzeniu i obsłudze elementów formularza.

    • Komponenty kontrolowane
      • Jedyne źródło prawdy (single source of truth )
      • Input
      • Select
      • Textarea
      • Obsługa wielu elementów formularza
    • Komponenty niekontrolowane
      • Atrybut ref
      • Domyślne wartości elementów formularzy

  8. Kompozycja

    W dokumentacji Reacta jest napisane, że programiści podczas tworzenia Facebooka nigdy nie musieli korzystać ze standardowego dziedziczenia. W każdej sytuacji kompozycja sprawdzała się idealnie. W tej części porozmawiamy na temat kompozycji.

    • Kompozycja kontra dziedziczenie
    • props.children

  9. React Router

    Dzięki bibliotece React Router będziemy mogli serwować odpowiednie komponenty pod określonymi adresami. Dowiemy się również w jaki sposób przekazywać parametry z adresu URL do komponentów.

    • Instalacja potrzebnych paczek
    • Routing podstawy
    • Generowanie strony 404
    • Linki
    • Zagnieżdżanie ścieżek
    • Przekazywanie parametrów

  10. Redux

    Redux pozwala nam zarządzać stanem aplikacji. W tej części poznamy sposoby na takie zarządzanie dzięki implementacji architektury Flux w postaci Reduxa.

    • Architektura Flux
    • Czym jest Redux?
    • Redux i React
    • Głupie i mądre komponenty czyli Presentational and Container Components
    • Tworzenie i obsługa akcji
    • Reducery
    • Store
    • Przepływ danych w aplikacji
    • Integracja z React Router

  11. Testowanie

    Testowanie komponentów React-owych oraz samego Reduxa nie jest takie oczywiste. W tej części poznamy odpowiednie narzędzia, które sprawią, że testowanie będzie czystą przyjemnością

    • Instalacja odpowiednich narzędzi (Jest & Enzyme)
    • Przykładowa aplikacja React & Redux do testowania
    • Struktura testów
    • Testowanie komponentów

  12. Warsztat końcowy

    Na koniec zaczynamy pracę nad praktycznym połączeniem całej dotychczasowej wiedzy - tworząc konkretny projekt.

Zainteresowany? Zapisz się na szkolenie!

Zapisz się — wybierz termin

Szkolenie Tworzenie aplikacji w React i Redux realizowane tylko dla pracowników Twojej firmy?

To szkolenie możemy zorganizować w formie zamkniętej — wyłącznie dla Twojego zespołu. Doświadczony trener-praktyk poprowadzi szkolenie skrojone pod potrzeby Twojej organizacji:

  • Program dopasujemy do potrzeb i poziomu uczestników
  • Termin ustalimy indywidualnie, pod Twój kalendarz
  • Format do wyboru: online na żywo lub stacjonarnie w Twojej lub naszej siedzibie

Zamów bezpłatną, niezobowiązującą wycenę szkolenia zamkniętego.

Zapytaj o bezpłatną wycenę szkolenia
Szkolenie dedykowane dla Twojego zespołu Dopasowany program, termin i format. Napisz lub zadzwoń — wspólnie dobierzemy rozwiązanie dla Twoich pracowników.
5/5 średnia ocena JSystems w Google na podstawie 292 ocen

Terminy gwarantowane

Szkolenia oznaczone jako "termin gwarantowany" odbędą się w zaplanowanym terminie niezależnie od liczby zgłoszonych uczestników. Nie musisz się martwić, że szkolenie zostanie odwołane z powodu zbyt małej liczby zapisanych osób.

Szkolenia online

Szkolenie realizowane jest w formie zdalnej na żywo poprzez platformę ZOOM. Trener prowadzi szkolenie na żywo, a uczestnicy mogą na bieżąco zadawać pytania i wykonywać ćwiczenia. Format online zapewnia pełną interakcję z trenerem, identyczną jak przy szkoleniu stacjonarnym.

Szkolenie na żywo z trenerem — nie kurs video

To nie jest nagrany kurs video. Przez cały czas trwania szkolenia masz bezpośredni kontakt z doświadczonym trenerem-praktykiem. Możesz na bieżąco zadawać pytania, prosić o wyjaśnienie trudnych zagadnień, konsultować własne projekty i uzyskać odpowiedź na dowolne pytanie związane z tematyką szkolenia. To realne wsparcie eksperta, którego nie zapewni żaden kurs nagrany.

Certyfikat ukończenia szkolenia

Każdy uczestnik po ukończeniu szkolenia otrzymuje imienny certyfikat potwierdzający udział i zdobyte kompetencje. Certyfikat wystawiany jest przez JSystems — firmę z certyfikatem ISO 9001 — i jest honorowany przez pracodawców.

Środowisko robocze

Nie jest wymagane instalowanie żadnego oprogramowania. Każdy uczestnik szkolenia otrzymuje dostęp do gotowego środowiska w chmurze, skonfigurowanego na potrzeby szkolenia. Dostęp realizowany jest poprzez przeglądarkę lub zdalny pulpit, w zależności od szkolenia.

Sprawdź pozostałe szkolenia z kategorii:

JavaScript

Opinie uczestników

5.0/5
Angular - techniki zaawansowane

Bardzo polecam skorzystam na pewno jeszcze raz.

Rafał Wiliński Aplikacje Krytyczne Sp. z o.o.
5.0/5
Angular - techniki zaawansowane

Świetna pigułka wiedzy, uzupełniłem braki i znalazłem ścieżkę, którą powinienem pójść aby jeszcze lepiej zrozumieć tematykę.

Grzegorz Ciosek Asseco Poland S.A.
5.0/5
JavaScript od podstaw do technik zaawansowanych

Fajne szkolenie, prowadząca otwarta na pytania.

Anna Konieczna EduBroker Sp. z o.o.
5.0/5
JavaScript od podstaw do technik zaawansowanych

Bardzo fajne szkolenie od totalnych, podstaw, dużo ćwiczeń, czego zazwyczaj brakuje na szkoleniach. Jest czas na teorie i jest na cwiczenia prkatyczne.

Adrian Roguski EduBroker Sp. z o.o.
4.8/5
JavaScript od podstaw do technik zaawansowanych

Polecam szkolenie, komunikatywny prowadzący, nie przytłacza mnogością slajdów w prezentacji.

Robert Żuchowski Polish Airports Academy Sp. z o.o.
4.9/5
JavaScript od podstaw do technik zaawansowanych

Polecam

Marcin Greguła PZU Centrum Operacji S.A.
5.0/5
JavaScript od podstaw do technik zaawansowanych

Bardzo polecam szkolenie. Dużo ćwiczeń praktycznych oraz dobrych praktyk programowania.

Wojciech Zając Ornsson Solutions Sp. z o.o.
4.8/5
JavaScript od podstaw do technik zaawansowanych

Polecam szkolenie z prowadzącą Agatą Malec. Ciekawy program szkolenia, dużo zajęć praktycznych, wiedza i wsparcie prowadzącej.

Marek Kocjan Asseco Poland SA
Pokaż wszystkie opinie Google Opinie w Google

Zaufali nam

...oraz setki innych firm

Dlaczego warto nas wybrać?

Terminy gwarantowane na 100%

Jeśli termin jest oznaczony jako gwarantowany, odbędzie się we wskazanym czasie — nawet jeśli część grupy wycofa się z udziału. Ryzyko organizacyjne ponosimy my, nie Ty.

Trenerzy-praktycy z oceną minimum 4.75/5

Każdy trener JSystems ma bogate doświadczenie komercyjne w technologiach których uczy i musi utrzymywać średnią z ankiet powyżej 4.75 na 5. Czerwony pasek to u nas minimum ;)

100% format warsztatowy

Każde zagadnienie teoretyczne jest poparte ćwiczeniami praktycznymi o rosnącym poziomie trudności. Uczymy przez działanie, nie przez slajdy.

Jesteśmy w BUR

Jako zarejestrowany dostawca usług w Bazie Usług Rozwojowych umożliwiamy sfinansowanie szkoleń pracowników ze środków zewnętrznych — dofinansowanie z BUR i KFS sięga nawet 100% wartości szkolenia.

Certyfikat ISO 9001

Posiadamy certyfikat ISO 9001 potwierdzający najwyższe standardy jakości naszych usług szkoleniowych i procesów organizacyjnych.

Gotowe środowiska w chmurze

Do każdego szkolenia wymagającego oprogramowania dostarczamy skonfigurowane, gotowe hosty w chmurze. Uczestnik nie musi nic instalować — łączy się przez zdalny pulpit lub SSH.

Dowiedz się dlaczego warto nas wybrać

Masz pytania? Zadzwoń lub napisz!
22 299 53 69 biuro@jsystems.pl
Pon–Pt 9:00–17:00
A może nielimitowane szkolenia za
1 148 PLN brutto / mies.?
Sprawdź Karnet Open
KARNET OPEN na szkolenia
A może nielimitowane szkolenia za
1 148 PLN brutto / mies.?
Sprawdź Karnet Open
KARNET OPEN na szkolenia

Zanim wyjdziesz

Wyślemy Ci podsumowanie tego szkolenia z terminami i ceną — do przemyślenia w spokoju.

Żadnego spamu — tylko jedno podsumowanie.