Informujemy, że w związku z sytuacją gospodarczą i wzrostem kosztów z dniem 06 marca 2023 ceny wybranych szkoleń ulegną zmianie. Aktualny cennik szkoleń obowiązuje do 05.03.2023 włącznie.
Informujemy, że już w I kwartale 2023 ruszył nabór wniosków do Krajowego Funduszu Szkoleniowego 2023. Skontaktuj się z nami, chętnie pomożemy w uzupełnieniu wniosku.


Tworzenie aplikacji w React i Redux

by:
Czas trwania 5 dni

Najbliższe terminy tego szkolenia

Szkolenie
dedykowane
dla Twojego
zespołu

Cena szkolenia 3000 PLN (netto)

Skuteczność

W naszej pracy nadrzędną wartością jest skuteczność szkoleń. Jako programiści rozumiemy, że w nauce chodzi przede wszystkim o skuteczność. Wszystkie elementy procesu szkolenia, od doboru właściwego trenera do przemyślanej warsztatowej formuły są po to, by to osiągnąć. Doskonalimy się w tym od 2008 roku. Możesz więc na nas polegać!

Program szkolenia

  1. Podstawy ES6

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

    • 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!
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
Terminy gwarantowane Jeśli jakiś termin oznaczony jest jako gwarantowany to oznacza to że na 100% się odbędzie we wskazanym czasie i miejscu. Więcej
Szkolenia online i udział 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. W każdym szkoleniu stacjonarnym możesz brać udział online. Więcej
Inne szkolenia tej kategorii Sprawdź pozostałe    szkolenia JavaScript!

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

  • 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.
  • 4.81/5

    Tworzenie Single Page Application z wykorzystaniem Angular

    10-11-2021 Super, polecam. Dużo zagadnień w dobrej oprawie, Polecam! Krzysztof Nowak, ING Business Shared Services B.V.
  • 5.0/5

    JavaScript od podstaw do technik zaawansowanych

    29-10-2021 Polecam. Michał Karmelita, Asseco Poland S.A.
  • 5.0/5

    Programowanie w JavaScript

    13-10-2021 Bardzo fajne szkolenie od postaw aby wejść i rozpocząć przygodę z programowaniem w JavaScript! :-) Daniel Styrc, ista Shared Services Polska Sp. z o.o.
  • 4.78/5

    Programowanie w JavaScript

    16-12-2020 Polecam to szkolenie, świetna Pani Agata. Jedyny minus - szkolenie powinno trwać dzień dłużej przy tym samym zakresie materiału. Robert Kruszyk, null
  • 5.0/5

    Tworzenie interaktywnych aplikacji internetowych w React

    26-02-2020 Super :) Maciej Fokt, EFIRST GROUP Sp. z o.o.
  • 4.92/5

    Tworzenie interaktywnych aplikacji internetowych w React

    19-12-2018 Bardzo fajnie poprowadzone szkolenie. Prowadząca upewniała się, że rozumiemy przekazaną wiedzę. Można się było dowiedzieć się przy okazji o różnych narzędziach wspomagających pracę. Marcin Żebrowski, Intergraph Polska Sp. z o.o.
  • 5.0/5

    Tworzenie interaktywnych aplikacji internetowych w React

    19-12-2018 Bardzo dobra kadra szkoląca. Ilość wiedzy do ogarnięcia podczas szkolenia Piotr Siciński, Instytut Lotnictwa
  • 4.77/5

    Programowanie JavaScript i Angular 5

    20-09-2018 Polecam. Paweł Tur, Centrum Projektów Europejskich
  • 5.0/5

    JavaScript + Debugowanie + Optymalizacja

    21-12-2017 Prowadzący w sposób ciekawy przedstawił temat i udało mi się usystematyzować kilka tematów, materiały były dobrze przygotowane. Ogólnie jestem zadowolony ze szkolenia. Marek Prasoł, Enea Centrum Sp. z o.o.
  • 4.92/5

    Programowanie w JavaScript, jQuery i AngularJS

    30-11-2017 Prowadzący bardzo elastycznie dostosowuje tempo szkolenia do umiejętności grupy. W naszej grupie wszyscy reprezentowali dość wysoki poziom wiedzy, więc mogliśmy dowiedzieć się więcej niż to było zaplanowane w programie szkolenia. Prowadzący bardzo dzielnie radził sobie z odpowiedziami na nieszablonowe pytania. Jeśli czegoś nie wiedział od razu, to starał się znaleźć odpowiedź i odpowiedzieć w późniejszym terminie. Bardzo cenne też były informacje, które prowadzący wyniósł ze swojego doświadczenia projektowego. Michał Sierakowski, Sas Institute Sp. z o.o.
  • 5.0/5

    JavaScript + Debugowanie + Optymalizacja

    21-11-2017 Wielki plus dla prowadzącego kurs za posiadaną wiedzę. Dawid Masajada, Uniwersytet Jagielloński
  • 5.0/5

    Programowanie w JavaScript, jQuery i AngularJS

    28-09-2017 gratuluje kompetentnego człowieka jakim jest Rafał Augustyniak - z pewnością zakres szkolenia miał znakomicie opanowany i umiejętnie umiał go prezentować oraz rozwiązywać problemy uczestników Grzegorz Janowski, Controlling IT sp. z o.o.
  • 5.0/5

    Programowanie w JavaScript, jQuery i AngularJS

    28-09-2017 Szkolenie przeprowadzone bardzo solidnie. Trener z ogromną wiedzą na tematy, które przedstawiał. Można zawsze liczyć na pomoc trenera. Nauczyłem się nowych dla mnie technologi w bardzo krótkim czasie. Damian K., Controlling IT sp. z o.o.
  • 4.78/5

    Node.js i MongoDB

    18-09-2017 Zajęcia prowadzone są w taki sposób że swobodnie można zadawać pytania, zgłaszać problemy. Prowadzący jest sympatyczny i pomaga przy ćwiczeniach. Agnieszka L., Instytut Lotnictwa
  • 5.0/5

    Node.js i MongoDB

    14-09-2017 Polecam ten kurs. Wszystkie poruszone zagadnienia porządnie wytłumaczone, pojęcia wyjaśnione a prowadzący miły, kontaktowy i biegle poruszający się w tematyce szkolenia. Adam N., Instytut Lotnictwa
Sprawdź wszystkie opinie

Trenerzy kategorii JavaScript

Mateusz Kulesza
Mateusz Kulesza Od ponad 10 lat jest związany z technologiami internetowymi. W swojej karierze zawodowej zdobył doświadczenie w pracy nad projektami z sektorów: E-learning, reklamy, E-commerce, transportu oraz bankowości i finansów. Pracował jako Senior Developer, Team Leader i konsultant. Ma bogate doświadczenie trenerskie. Od roku 2016 poprowadził ponad 3000 godzin szkoleniowych. Przeszkolił ponad 700 osób z firm takich jak: Warta, Atena, Asseco. Specjalizuje się w szkoleniach z zakresu technologii front-end, JavaScript a także marketingu internetowego i E-commerce.
Mateusz Lewandowski
Mateusz Lewandowski Absolwent Wydziału Matematyki i Informatyki Uniwersytetu Mikołaja Kopernika w Toruniu na kierunku programowanie. Od ponad 10 lat zawodowo zajmuje się pisaniem kodu, zaczynał od języka Java, jednak od 2013 roku związany z technologiami frontendowymi. Początkowo do tworzenia aplikacji internetowych wykorzystywał framework ExtJS, od 2016 roku i wydaniu Angulara zakochany w tym rozwiązaniu. Wielki fan języka TypeScript, programowania reaktywnego i przekazywania wiedzy innym. Oprócz technologi frontendowych zainteresowany również językiem Python który wykorzystuje do "domowych" projektów. Prywatnie entuzjasta zdrowego trybu życia, jak to mówi - rower i bieganie w wersji amator-pro ;) 
Agata Malec-Sromek
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.

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
E-mail biuro@jsystems.pl
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.