Czas trwania:
5 dni
Cena netto:
1999 PLN netto
Stopień trudności:   
Średnia liczba uczestników:   
Identyfikator szkolenia:   
4855399
    Drukuj kartę szkolenia

Szkolenie zamknięte

Istnieje możliwość realizacji tego szkolenia w formie zamkniętej w siedzibie klienta lub w jednej z naszych sal. Przy większych grupach jest to korzystniejsze ekonomiczne, można też dostosować program szkolenia.

Pokaż więcej

Vouchery

Istnieje możliwość wykupienia vouchera z roczną ważnością. Można zakupić przedpłaconą usługę szkoleniową w jednym okresie rozliczeniowym, a zrealizować w innym.



Opis szkolenia


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




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.





Terminy szkolenia "Tworzenie aplikacji w React i Redux"


W tej chwili nie ma ustalonych terminów dla tego szkolenia. Możesz nas poinformować o swoim zainteresowaniu udziałem w tym szkoleniu, postaramy się wspólnie z Tobą i innymi osobami zainteresowanymi tym szkoleniem ustalić dogodny dla wszystkich termin. Możesz też zamówić to szkolenie jako zamknięte dla swojej firmy.

Skontaktuj się z nami by zgłosić chęć udziału

Dowiedz się więcej o szkoleniach zamkniętych



Wykładowcy




Sprawdź kto będzie prowadził to szkolenie. Nasi wykładowcy to w 100% praktycy którzy cały czas pracują z technologią której szkolą. Dzięki temu uzyskujesz maksimum wartościowej wiedzy.




Krzysztof Malinowski

Profesjonalny inżynier oprogramowania w najbardziej nowoczesnych technologiach programistycznych. Posiada szeroką wiedzę związaną z programowaniem i optymalizacją. Ma dziesięcioletnie doświadczenie w dostarczaniu rozwiązań bazodanowych i prowadzeniu szkoleń. Trudne, techniczne tematy tłumaczy w jasny, prosty i zrozumiały sposób.


Agata Malec-Sromek

Jestem Front-end developerem wychowanym na języku C i C++. Oprócz programowania od kliku lat zajmuję się również nauczaniem. Staram się skomplikowane zagadnienia wytłumaczyć w prosty i przejrzysty sposób. Od czasu do czasu występuję na konferencjach i spotkaniach branżowych oraz  prowadzę warsztaty programistyczne. Wystąpiłam m.in. na 4Developers i Programistok. Skończyłam Akademię Górniczo-Hutniczą na kierunku Inżynieria Systemów i Oprogramowania oraz Politechnikę Krakowską na kierunku Grafika Komputerowa i Multimedia. Dodatkowo interesuję się sztucznymi sieciami neuronowymi.