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 interaktywnych aplikacji internetowych w React

Szkolenie z zakresu React od podstaw do technik zaawansowanych. Dzięki temu szkoleniu nauczysz się tworzyć interaktywne aplikacje internetowe z użyciem React.

więcej →

Program, termin i format dostosujemy do Twojego zespołu

Najbliższe terminy 9:00 – 16:00

16.11 –
Gwarantowany Online
Termin niegwarantowany
Do koszyka
Kliknij aby przejść do formularza zapisu
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 interaktywnych aplikacji internetowych w React.

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



O szkoleniu w skrócie

Szkolenie z zakresu React od podstaw do technik zaawansowanych. Dzięki temu szkoleniu nauczysz się tworzyć interaktywne aplikacje internetowe z użyciem React.



Dla kogo to szkolenie?

Szkolenie kierowane jest do osób, które:

  • chciałyby poszerzyć wiedzę w związaną z tworzeniem reaktywnych stron i aplikacji korzystając z najpopularniejszych aktualnie narzędzi na rynku
  • chcą rozwinąć praktyczne umiejętności w zakresie tworzenia aplikacji internetowych
  • znają JavaScript w stopniu co najmniej podstawowym
  • znają w stopniu podstawowym HTML i CSS

Uczestnicy, którzy zapisują się na szkolenie React, powinni znać:
  • podstawy JavaScript
  • podstawy HTML i CSS
To niezbędne, by móc zrozumieć zagadnienia poruszane w trakcie kursu i aktywnie w nim uczestniczyć. 

Prowadząca szkolenie:
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 pracując w małej agencji kreatywnej na Saskiej Kępie. Od tamtego czasu przeszła przez kilka firm od małych start-upów po duże korporacje, ciągle zwiększając swoje umiejętności. W 2016 roku rozpoczęła współpracę z jedną ze szkół programowania, w której uczyła początkujących programistów tworzenia stron i aplikacji webowych. Aktualnie pracuje w jednej z większych warszawskich firm rozwijając oprogramowanie dla klientów z całego świata. Prowadzi podstawowe i zaawansowane szkolenia zarówno z JavaScript jak i z technologii takich jak m.in.: React, Redux. Wystąpiła na kilku konferencjach (m.in. na 4Developers i Programistok.) oraz prowadziła wiele warsztatów w ramach inicjatywy Women in Technology, Geek Girls Carots, Girls in IT i innych.

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 ES6
  2. Zanim poznamy React musimy przypomnieć sobie kilka spraw związanych z JavaScript w wersji ES6.

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

  3. React - Wstęp
  4. W tej części przygotujemy odpowiednie narzędzia, tak, aby wydajniej pracować z Reactem.

    • Czym jest React?
    • Główne założenia React
    • Przygotowanie środowiska pracy
    • Pierwsza aplikacja React
    • React Developer Tools

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

    • Czym jest JSX?
    • Podstawy JSX
    • Wyrażenia
    • Atrybuty

  7. Komponenty
  8. 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
    • Props
    • Cykl życia komponentu
    • State

  9. Hooks
  10. Hooks to nowy dodatek w React 16.8. Dzięki nim możemy korzystać z cyklu życia komponentu w komponencie funkcyjnym.

    • Czym są Hooks?
    • State Hook
    • Effect Hook
    • Inne
    • Ważne zasady podczas korzystania z Hooks

  11. Eventy
  12. 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

  13. Warunkowe renderowanie
  14. 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

  15. Listy i klucze
  16. Tworzenie np. elementów listy ul w pętli to bardzo ułatwia pracę, ale jest to również wyzwanie dla algorytmów Reacta. W tej części poznamy kilka ciekawostek dotyczących renderowania i optymalizacji.

    • Generowanie elementów i komponentów w pętli
    • Jak React renderuje elementy?
    • Klucze

  17. Formularze
  18. 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

  19. Kompozycja
  20. 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

  21. React i dane asynchroniczne
  22. Jak zaktualizować naszą aplikację o asynchroniczne dane? W tej części poznamy prosty fetch.

    • fetch
    • componentDidMount()

  23. Warsztat końcowy + dodatkowe narzędzia
  24. Na koniec zaczynamy pracę nad praktycznym połączeniem całej dotychczasowej wiedzy - tworząc konkretny projekt. Skorzystamy tu z wielu przydatnych narzędzi, które ułatwią nam pracę.

Zainteresowany? Zapisz się na szkolenie!

Zapisz się — wybierz termin

Szkolenie Tworzenie interaktywnych aplikacji internetowych w React 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
Tworzenie interaktywnych aplikacji internetowych w React

fajne szkolenie

Monika Wojtanowicz Ornsson Solutions Sp. z o.o.
5.0/5
Tworzenie interaktywnych aplikacji internetowych w React

Szkolenie na wysokim poziomie. Przystępne i zrozumiałe. Warto. Agata, jak zwykle, spisuje się na medal (naturalnie, złoty). Polecam.

Aleksander Wyszyński Centrum Unijnych Projektów Transportowych
5.0/5
Tworzenie interaktywnych aplikacji internetowych w React

Super prowadząca! Przystępny sposób tłumaczenia poszczególnych zagadnień z React.js. Szkoda, że tak krótko.

Lidia Sługocka PZU POMOC SA
4.8/5
Tworzenie interaktywnych aplikacji internetowych w React

Polecam serdecznie prowadzącą Agatę! Bardzo jasno omówiła i wyjaśniła temat Reacta.

Anna Jabłońska Tooploox Sp.z o.o.
5.0/5
Tworzenie interaktywnych aplikacji internetowych w React

Polecam szolenie, widac żę trener ma wiedzę i potrafi ją przekazać. Szczególnie podobała mi się cierpliwość osoby prowadzącej.

Marcin Klasicki Edubroker Sp. z o.o.
5.0/5
Tworzenie interaktywnych aplikacji internetowych w React

Bardzo dobre szkolenie z zakresu React - polecam :)

Patryk Seremak Urząd Komisji Nadzoru Finansowego
4.9/5
Tworzenie interaktywnych aplikacji internetowych w React

Program szkolenia jest treściwy, a szkolenie prowadzone rzetelnie. Wszystko odbywało się w miłej atmosferze i w poczuciu, że zawsze można liczyć na fachową pomoc. Polecam ;)

Jan Tatarynowicz Siemens Digital Logistics SP. z o.o.
5.0/5
Tworzenie interaktywnych aplikacji internetowych w React

Super :)

Maciej Fokt EFIRST GROUP Sp. z o.o.
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.