VOUCHERY: Wykorzystaj budżet szkoleniowy 2024 w przyszłym roku. Nie wykorzystałeś tegorocznego budżetu szkoleniowego? Nic straconego! Zakup vouchera umożliwia wykorzystanie budżetu w jednym okresie rozliczeniowym, a zrealizowanie go w innym. Dowiedz się więcej


Tworzenie aplikacji w React i Redux

by:
Czas trwania 5 dni
Średnia ocena kursu 5.0/5 Ocena pochodzi z ankiet

Najbliższe terminy tego szkolenia

31.03 04.04 Termin gwarantowany Szkolenie online Ostatnie miejsca!
Zapisz się
05.05 09.05 Termin gwarantowany Szkolenie online Ostatnie miejsca!
Zapisz się

Szkolenie
dedykowane
dla Twojego
zespołu

Cena szkolenia 3000 PLN (netto)

Standardy JSystems

  1. Wszyscy nasi trenerzy muszą być praktykami i osiągać średnią z ankiet minimum 4.75 na 5. Nie ma wśród nas trenerów-teoretyków. Każdy trener JSystems ma bogate doświadczenie komercyjne w zakresie tematów z których prowadzi szkolenia.
  2. Wszystkie szkolenia mają format warszatowy. Każde zagadnienie teoretyczne jest poparte rzędem warsztatów w ściśle określonym formacie.
  3. Terminy gwarantowane na 100%. Jeśli jakiś termin jest oznaczony jako gwarantowany, oznacza to że odbędzie się nawet jeśli część grupy wycofa się z udziału. Ryzyko ponosimy my jako organizator.
  4. Do każdego szkolenia które wymaga jakiegokolwiek oprogramowania dostarczamy skonfigurowane, gotowe hosty w chmurze. Dzięki temu uczestnik nie musi nic instalować na swoim komputerze (i bić się z blokadami korporacyjnymi). Połączenie następuje przez zdalny pulpit lub SSH - w zależności od szkolenia.
Zapisz się
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.

Opis szkolenia

Szkolenie odbywa się na żywo z udziałem trenera. Nie jest to forma kursu video!
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


Prowadząca szkolenie: Agata Malec-Sromek



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.


Stanowisko robocze


Do tego szkolenia każdy uczestnik otrzymuje dostęp do indywidualnej wirtualnej maszyny w chmurze. Ma ona zainstalowane i skonfigurowane wszystko co potrzebne do realizacji szkolenia. Maszyna będzie dostępna przez cały okres szkolenia.
Terminy gwarantowane

Gdy na jakiś termin zgłosi się minimalna liczba osób, termin oznaczamy jako gwarantowany.

Jeśli jakiś termin oznaczony jest jako gwarantowany to oznacza to, że na 100% się odbędzie we wskazanym czasie i miejscu.

Nawet gdyby część takiej grupy zrezygnowała lub przeniosła się na inny termin, raz ustalony termin gwarantowany takim pozostaje. Ewentualne ryzyko ponosimy my jako organizator.

Przejdź do terminów tego szkolenia

Szkolenia online Szkolenia online odbywają się na żywo z udziałem trenera. Uczestniczy łączą się na szkolenie za pomocą platfomy ZOOM. Informacje o wymaganym niezbędnym oprogramowaniu oraz informacje organizacyjne uczestnicy otrzymują na 7 dni przed datą rozpoczęcia szkolenia.
Inne szkolenia tej kategorii Sprawdź pozostałe    szkolenia JavaScript!

Sprawdź, co mówią o nas ci, którzy nam zaufali

  • 5.0/5

    Tworzenie interaktywnych aplikacji internetowych w React

    06-06-2024 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

    06-06-2024 fajne szkolenie Monika Wojtanowicz, Ornsson Solutions Sp. z o.o.
  • 5.0/5

    Tworzenie Single Page Application z wykorzystaniem Angular

    28-03-2024 Świetne szkolenie, bardzo polecam prowadzącego, duża wiedza, duże doświadczenie, świetne prowadzenie szkolenia, bardzo dobra współpraca z ludźmi Łukasz Bińkowski, Rossmann Supermarkety Drogeryjne Polska Sp. z o.o.
  • 4.78/5

    JavaScript od podstaw do technik zaawansowanych

    08-12-2023 Prowadzący szkolenia, pan Przemysław Maćkowiak posiada ogromną wiedzę tematyczną oraz łatwość w przekazywaniu wiedzy uczestnikom szkoleń. Eustachiusz Markowski, Główny Urząd Statystyczny
  • 5.0/5

    JavaScript od podstaw do technik zaawansowanych

    08-12-2023 Świetne podejście trenera do grupy, duża wiedza i talent w przekazywaniu wiedzy. Jeśli ktoś ma zajawkę do poznania JavaScript to tutaj się odnajdzie. Kamila Gajcy-Drzazga, ING Hubs Poland
  • 5.0/5

    Tworzenie interaktywnych aplikacji internetowych w React

    15-11-2023 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
  • 5.0/5

    Tworzenie Single Page Application z wykorzystaniem Angular

    15-11-2023 Bardzo merytoryczne szkolenie, dużo się nauczyłem, a przede wszystkim - zrozumiałem jak działają mechanizmy, z którymi miałem trudność. Patryk Popiołek, ORNSSON SOLUTIONS Sp. z o.o.
  • 5.0/5

    Tworzenie Single Page Application z wykorzystaniem Angular

    15-11-2023 Polecam szkolenie z Tworzenie Single Page Application z wykorzystaniem Angular, pełen profesjonalizm, super podejście prowadzącego do tematu! Tomasz Stanuszek, POLSKA GRUPA LOTNICZA SA
  • 5.0/5

    JavaScript od podstaw do technik zaawansowanych

    27-10-2023 Dobrze prowadzone, szeroki zakres zagadnień. Jacek Antczak, Bravura Solutions Sp. Z o.o.
  • 4.54/5

    JavaScript od podstaw do technik zaawansowanych

    23-06-2023 Bardzo dobrze poprowadzone szkolenie dość wnikliwie przedstawiające temat. Prowadzący bardzo obszernie opowiadał o JavaScript (i nie tylko co uważam za niebywałą zaletę tego kursu) w przyjemnej atmosferze co tylko sprzyjało przyswajaniu wiedzy. Polecam! Michał Wojtyś, Demant Business Services Poland Sp. z o.o.
  • 5.0/5

    JavaScript od podstaw do technik zaawansowanych

    23-06-2023 Polecilbym szkolenie i prowadzacego zdecydowanie! Oprócz teorii rowniez bardzo ciekawe mini-projekty, które pozwalają poznać Javascript w praktyce! Bartosz Cieślik, ING Hubs B.V.
  • 4.83/5

    Tworzenie interaktywnych aplikacji internetowych w React

    21-06-2023 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 Single Page Application z wykorzystaniem Angular

    07-06-2023 duża ilość cennych informacji na temat Angular Marcin Radomski, OSOBA PRYWATNA
  • 5.0/5

    Tworzenie interaktywnych aplikacji internetowych w React

    27-04-2023 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

    JavaScript od podstaw do technik zaawansowanych

    10-03-2023 Świetne szkolenie. Prowadząca posiadająca dużą wiedzę praktyczną. W przystępny sposób wszystko zostało przedstawione i wyjaśnione. Piotr Wójciak, OSOBA PRYWATNA
  • 4.81/5

    JavaScript od podstaw do technik zaawansowanych

    02-12-2022 Bardzo fajne szkolenie, Kazdy znajdzie cos dla siebie - osoba zaawansowana w programowaniu jak i nie. Marcin Czyż, Rittal sp. z o.o.
  • 4.9/5

    JavaScript od podstaw do technik zaawansowanych

    02-12-2022 Szkolenie na bardzo wysokim poziomie. Prowadząca świetna!!! Joanna Slaczałek, Rittal sp. z o.o
  • 5.0/5

    Tworzenie interaktywnych aplikacji internetowych w React

    11-11-2022 Bardzo dobre szkolenie z zakresu React - polecam :) Patryk Seremak, Urząd Komisji Nadzoru Finansowego
  • 5.0/5

    JavaScript od podstaw do technik zaawansowanych

    28-10-2022 Bardzo dobre szkolenie wprowadzające do JavaScriptu (a nawet trochę więcej). Sporo praktycznych przykładów i ćwiczeń. Materiał ułożony w spójną i logiczną całość. Świetny wykładowca p. Mateusz Lewandowski potrafi doskonale wytłumaczyć omawiane zagadnienia w dobrym tempie ( nie za szybko, nie za wolno i jest czas na przyswojenie nowych informacji). Bardzo dobry kontakt i ogromna wiedza. Bardzo polecam zarówno JSystems jak i p. Mateusza. Robert Rzońca, Polska Agencja Żeglugi Powietrznej
  • 5.0/5

    JavaScript od podstaw do technik zaawansowanych

    28-10-2022 Szkolenie przeprowadzone sprawnie i rzetelnie. Wszystkie zagadnienia zostały wytłumaczone zrozumiale i dogłębnie. Polecam! Marcin Ślusarczyk, Santander Bank Polska S.A.
  • 5.0/5

    JavaScript od podstaw do technik zaawansowanych

    28-10-2022 Ciekawe szkolenie, wszystko dokładnie tłumaczone, wyczerpujące odpowiedzi na pytania i przykłady użycia. Polecam! Aleksandra Sikora, Asseco Poland S.A.
  • 5.0/5

    Tworzenie Single Page Application z wykorzystaniem Angular

    22-06-2022 Wszystko świetnie wytłumaczone, dzięki niemu Angular jest mniej straszny :) Karolina Paciorek, JellyTech Sp. z o.o.
  • 4.72/5

    Programowanie w JavaScript

    11-05-2022 Bardzo rzeczowe szkolenie, intensywne i jednocześnie wprowadzające od podstaw w temat. Do tego super prowadzącą. Polecam. Sandra Czerniak, Labo Print S.A.
  • 5.0/5

    Programowanie w JavaScript

    11-05-2022 Polecam serdecznie panią Agate, super nauczycielka, potrafi w prosty sposób wszystko wytłumaczyć. Szkolenie zostało przeprowadzone w profesjonalny sposób. Szymon Gajewski, OSOBA PRYWATNA
  • 5.0/5

    Programowanie w JavaScript

    16-02-2022 Szkolenie bardzo obszerne i rzeczowe. Bardzo dużą dawka informacji. Jarosław Nadrowski, Ivy Technology Poland Sp. z o.o.
  • 4.9/5

    Tworzenie interaktywnych aplikacji internetowych w React

    19-01-2022 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

    JavaScript od podstaw do technik zaawansowanych

    17-12-2021 Gorąco polecam. Świetne szkolenie Jakub Jureczko, Rossmann SDP Sp. z o.o.
  • 4.72/5

    JavaScript od podstaw do technik zaawansowanych

    17-12-2021 Świetne szkolenie! Polecam! Serhii Sokol, Rossmann SDP Sp. z o.o.
  • 5.0/5

    JavaScript od podstaw do technik zaawansowanych

    17-12-2021 Szkolenie ciekawe, zgodne z nazwą - od podstaw do zaawansowanych. Część przekazywanej wiedzy była odświeżeniem tego co już wiem, natomiast część to rzeczy nowe, fajnie opowiedziane. Ciekawe zadania i materiały szkoleniowe do których będę zaglądał bo zawierają praktyczną wiedzę. Piotr Sowiak, Rossmann SDP Sp. z o.o.
  • 4.63/5

    Tworzenie Single Page Application z wykorzystaniem Angular

    10-11-2021 Supcio :D Mikołaj Gutsche, PSE Innowacje sp. z o.o.

Trenerzy kategorii JavaScript

Mateusz Kulesza
Mateusz Lewandowski
Agata Malec-Sromek
Zapisz się

Masz jakieś pytania? Skontaktuj się z nami!

Odpowiadamy na telefony i maile w godzinach 9:00-17:00 od poniedziałku do piątku.

Telefon 22 299 53 69
Napisz do nas

Potrzebujesz więcej informacji?

Wiadomość wysłana

Przyjęliśmy Twoją wiadomość i skontaktujemy się z Tobą w tej sprawie

Klikając OK wrócisz do formularza

Nasza strona korzysta z plików cookie. Możesz zmienić zasady ich używania lub zablokować pliki cookie w ustawieniach przeglądarki. Więcej informacji można znaleźć w Polityce prywatności. Kontynuując korzystanie ze strony, wyrażasz zgodę na używanie plików cookie.