Tworzenie interaktywnych aplikacji internetowych w React - techniki zaawansowane

by:
Czas trwania 3 dni

Najbliższe terminy tego szkolenia

27.11 29.11 Termin gwarantowany Szkolenie online
Zapisz się

Szkolenie
dedykowane
dla Twojego
zespołu

Cena szkolenia 2400 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. 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

  2. Elementy renderowalne

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

  3. Komponenty

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

  4. Cykl życia komponentu

    5. 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()

  5. Komponenty zaawansowane

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

  6. React Router

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

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

  8. Testowanie

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

  9. Warsztat końcowy

    10. 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!
Zapisz się

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

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