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

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

Najbliższe terminy tego szkolenia

03.03 05.03 Termin gwarantowany Szkolenie online Ostatnie miejsca!
Zapisz się
16.06 18.06 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. Podstawy ES6

    2. Zanim poznamy React musimy przypomnieć sobie kilka spraw związanych z JavaScript w wersji ES6.

    • Let i const
    • Fat arrow function
    • Klasy
    • Spread/rest operator
    • Template string
    • Import i export

  2. React - Wstęp

    3. W tej części przygotujemy odpowiednie narzędzia, tak, aby wydajniej pracować z Reactem.

    • Czym jest React?
    • Główne założenia React
    • Przygotowanie środowiska pracy
    • Pierwsza aplikacja React
    • React Developer Tools

  3. JSX

    4. JSX to rozszerzenie JavaScript, które umożliwia tworzenie elementów DOM za pomocą składni przypominającej HTML.

    • Czym jest JSX?
    • Podstawy JSX
    • Wyrażenia
    • Atrybuty

  4. Komponenty

    5. 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
    • Props
    • Cykl życia komponentu
    • State

  5. Hooks

    6. Hooks to nowy dodatek w React 16.8. Dzięki nim możemy korzystać z cyklu życia komponentu w komponencie funkcyjnym.

    • Czym są Hooks?
    • State Hook
    • Effect Hook
    • Inne
    • Ważne zasady podczas korzystania z Hooks

  6. Eventy

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

  7. Warunkowe renderowanie

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

  8. Listy i klucze

    9. Tworzenie np. elementów listy ul w pętli to bardzo ułatwia pracę, ale jest to również wyzwanie dla algorytmów Reacta. W tej części poznamy kilka ciekawostek dotyczących renderowania i optymalizacji.

    • Generowanie elementów i komponentów w pętli
    • Jak React renderuje elementy?
    • Klucze

  9. Formularze

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

  10. Kompozycja

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

  11. React i dane asynchroniczne

    12. Jak zaktualizować naszą aplikację o asynchroniczne dane? W tej części poznamy prosty fetch.

    • fetch
    • componentDidMount()

  12. Warsztat końcowy + dodatkowe narzędzia

    13. Na koniec zaczynamy pracę nad praktycznym połączeniem całej dotychczasowej wiedzy - tworząc konkretny projekt. Skorzystamy tu z wielu przydatnych narzędzi, które ułatwią nam pracę.

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:
  • chciałyby poszerzyć wiedzę w związaną z tworzeniem reaktywnych stron i aplikacji korzystając z najpopularniejszych aktualnie narzędzi na rynku
  • chcą rozwinąć praktyczne umiejętności w zakresie tworzenia aplikacji internetowych
  • znają JavaScript w stopniu co najmniej podstawowym
  • znają w stopniu podstawowym HTML i CSS

Uczestnicy, którzy zapisują się na szkolenie React, powinni znać:
  • podstawy JavaScript
  • podstawy HTML i CSS
To niezbędne, by móc zrozumieć zagadnienia poruszane w trakcie kursu i aktywnie w nim uczestniczyć. 

Prowadząca szkolenie: Agata Malec

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

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

    Tworzenie interaktywnych aplikacji internetowych w React

    11-11-2022 Bardzo dobre szkolenie z zakresu React - polecam :) Patryk Seremak, Urząd Komisji Nadzoru Finansowego
  • 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

    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
Sprawdź wszystkie opinie

Sprawdź nasze opinie w Google

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