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

by:
Czas trwania 3 dni

Najbliższe terminy tego szkolenia

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