Czas trwania:
3 dni
Cena netto:
1499 PLN netto
Stopień trudności:   
Średnia liczba uczestników:   
Identyfikator szkolenia:   
4855370
    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,
  • 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




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.





Terminy szkolenia "Tworzenie interaktywnych aplikacji internetowych w REACT - techniki zaawansowane"


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.