Tworzenie interaktywnych aplikacji internetowych w React - techniki zaawansowane

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

Najbliższe terminy tego szkolenia

12.08 14.08 Termin gwarantowany Szkolenie online Ostatnie miejsca!
Zapisz się
13.11 15.11 Termin gwarantowany Szkolenie online Ostatnie miejsca!
Zapisz się

Szkolenie
dedykowane
dla Twojego
zespołu

Cena szkolenia 2400 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. React - Wstęp
  2. 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.

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

  3. Elementy renderowalne
  4. Korzystanie z React-a bez JSX jest możliwe, tylko po co? W tej części przypomnimy podstawy JSX oraz dowiemy się jakie elementy można renderować w React v 16.x w porównaniu do wersji 15.x

    • Wstęp - co możemy renderować w React 16.x?
    • React bez JSX
    • JSX - Wyrażenia
    • JSX- Zaawansowane atrybuty (style, value, contenteditable, dangerouslySetInnerHTML)
    • React.Fragment
    • Portals

  5. Komponenty
  6. Komponenty to jedna z najważniejszych rzeczy w React. W tej części przypomnimy sobie podstawy związane z komponentami.

    • Komponenty funkcyjne kontra klasowe
    • Props
    • Komponent jako pure function
    • Stan komponentu
    • Inicjalizacja stanu komponentu
    • Aktualizacja stanu komponentu

  7. Cykl życia komponentu
  8. Wiemy już czym jest cykl życia komponent, dlatego w tej części omówimy dokładniej odpowiednie metody cyklu życia z uwzględnieniem nowych zmian w React 16.x

    • Inicjalizacja - constructor()
    • Renderowanie - render()
    • Zamontowanie - componentDidMount()
    • Aktualizacja
      • componentDidUpdate()
      • shouldComponentUpdate()
      • static getDerivedStateFromProps
    • Odmontowanie - componentWillUnmount()

  9. Komponenty zaawansowane
  10. Podczas tworzenia aplikacji niejednokrotnie przyda nam się wiedza jak rozszerzyć komponent o nowe możliwości dzięki HOC. W tej części także poznamy sposób na sprawdzanie typów, przekazywanych do komponentów jako props oraz wykorzystamy zdobytą wiedzę ćwicząc na praktycznych przykładach komunikację pomiędzy komponentami.

    • Komponenty wyższego rzędu - Higher-Order Components
    • Sprawdzanie typów - PropTypes
    • Komunikacja komponentów : dziecko - rodzic oraz rodzeństwo

  11. React Router
  12. 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

  13. 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

  14. Testowanie
  15. 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

  16. Warsztat końcowy
  17. 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!

O szkoleniu w skrócie

Szkolenie z zaawansowanych aspektów wykorzystania React w tworzeniu oprogramowania. W trakcie szkolenia zapoznamy się z elementami renderowalnymi, komponentami i ich cyklem życia, React Routerem, Reduxem, testowaniem w React.

Na koniec jako podsumowanie stworzymy kompletny projekt z wykorzystaniem nowo nabytych umiejętności. Służy to nie tylko utrwaleniu wiedzy. Taki projekt będzie też świetnym źródłem copy-paste na przyszłość ;)

Dla kogo to szkolenie?

Szkolenie kierowane jest do osób, które:
  • znają JavaScript w stopniu co najmniej średnio-zaawansowanym,
  • miały już styczność z Reactem
  • 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
  • Testowanie - poziom podstawowy
  • podstawy HTML i CSS
  • podstawy React


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.