Powrót do katalogu

Podaj maila aby obejrzeć webinar z Node.js

Wyrażam zgodę na otrzymywanie informacji o promocjach i produktach oferowanych Czytaj więcej przez Vavatech Sp z o.o. Zgodę możesz cofnąć w każdym czasie.
Termin sugerowany
2019-02-04
Warszawa

Zapisz się jako pierwszy!

3 500 / 5 dni
Zgłoś chęć udziału
Termin sugerowany
2019-02-25
Warszawa

Zapisz się jako pierwszy!

3 500 / 5 dni
Zgłoś chęć udziału
Zaproponuj własny termin
Postaramy się uruchomić nowy termin dla Ciebie
Zgłoś chęć udziału

Inżynieria oprogramowania > Aplikacje internetowe

Szkolenie: Tworzenie aplikacji internetowych w technologii React

Kod: [react]
Pobierz program

Wprowadzenie

Aplikacje internetowe stały się już nieodzowną częścią naszego życia, a użytkownicy oczekują od nich szybkości i wygody pracy znanej z rozwiązań desktopowych.

Zarówno tworzenie warstwy logiki biznesowej jak i interfejsu stają się wyzwaniem z uwagi na zmieniające się trendy i wymagania.

React to biblioteka pozwalająca programistom tworzyć aplikacje w sposób bardziej deklaratywny, opisując, co powinno być w tym momencie wyświetlone i udostępnione użytkownikowi a nie skupiając się na tym, w jaki sposób zapewnić jednakową obsługę interakcji dla wielu urządzeń, przeglądarek i wymagań biznesowych.

Metoda tworzenia komponentów, które skupiają się na wykonywaniu jednej rzeczy, ale za to robiąc ją dokładnie i łączenie ich w bardziej rozbudowane systemy (znana np. z technologii GNU/Linux) przeniesiona na obszar aplikacji internetowych pozwala na tworzenie oprogramowania co pozwala na skrócenie czasu potrzebnego na realizację założeń biznesowych oraz otwartość na ich zmianę.

Cel szkolenia

Szkolenie koncentruje się na zapoznaniu programisty z technologią React, z jego API oraz z trybem myślenia „w komponentach”, pozwalającym na łatwe i szybkie dostrzeganie możliwości utworzenia komponentów dla późniejszego zastosowania w innych częściach aplikacji, oraz nad opracowaniem logiki przepływu danych w aplikacji.

Po zakończeniu szkolenia aktywny uczestnik:
  • Zna API biblioteki React
  • Potrafi określić listę komponentów oraz ich interakcje, tak, by możliwe było minimalizowanie ilości kodu dla uzyskania spodziewanego efektu
  • • Jest w stanie zaplanować stan aplikacji oraz metody przepływu danych, zarówno wykorzystując podstawowe mechanizmy React jak i Redux
  • Potrafi przygotować wartościowe testy jednostkowe
  • Wie, w jaki sposób uruchomić aplikację na serwerze HTTP

W czasie szkolenia przedstawiona zostanie biblioteka React, Redux, react-router wystarczające do stworzenia funkcjonalnych aplikacji.

Adresaci szkolenia

Adresatami szkolenia są programiści posiadający doświadczenie w technologii JavaScript.

    Minimalne wymagania wstępne:
  • Umiejętność programowania w JavaScript
  • Znajomość technologii HTML i CSS pozwalająca na tworzenie semantycznie poprawnego kodu
Dodatkowa wiedza i umiejętności, które pozwolą sprawniej pracować na szkoleniu i spojrzeć na zagadnienia szkolenia w szerszej perspektywie:
  • Znajomość technologii REST
  • Znajomość zagadnień związanych z HTTP

Czas i forma szkolenia

35 godzin (5 dni x 7 godzin), w tym wykłady i warsztaty praktyczne.

Plan szkolenia

         Część podstawowa
  1. Wprowadzenie

    1. Nowości wprowadzone w ECMAScript 6 i późniejszych, wykorzystywane w pracy z React
    2. Konfiguracja środowiska NodeJS oraz polecane edytory kodu / IDE
  2. Ideologia React

    1. Deklaratywne opisywanie aplikacji
    2. Platformy docelowe
    3. VDOM i JSX
    4. Komponenty
  3. Środowisko kompilacji

    1. Krótkie wprowadzenie do narzędzi webpack i babel
    2. Create-react-app
  4. Tworzenie aplikacji

    1. Deklaracja komponentów
    2. API komponentów (propTypes)
    3. Zmiana wyglądu komponentów za pomocą CSS
    4. Komunikacja pomiędzy komponentami
    5. Stan komponentu
    6. Funkcje cyklu życia komponentu z uwzględnieniem ideologii React Fiber
    7. Zdarzenia
    8. Optymalizacja re-renderowania komponentu w celu zwiększenia wydajności
  5. Część rozszerzona

  6. Komunikacja w trybie klient-serwer

    1. Wprowadzenie do AJAX z wykorzystaniem mechanizmu fetch
    2. Sposoby wywoływania komunikacji w cyklu życia komponentu
  7. Wsparcie dla wielu ekranów/widoków aplikacji

    1. Wprowadzenie do biblioteki react-router
    2. Sterowanie routingiem aplikacji z poziomu komponentów oraz zdarzeń
    3. Częste problemy
  8. Testy

    1. Ideologia testowania komponentów
    2. Konfiguracja narzędzia jest oraz Enzyme
    3. Testowanie mechanizmów komponentu, testowanie zdarzeń
    4. Testy typu snapshot
    5. Stan komponentu
    6. Funkcje cyklu życia komponentu
    7. Zdarzenia
  9. Uruchamianie aplikacji na serwerach HTTP

    1. Przygotowywanie wersji produkcyjnej
    2. Częste problemy:
      1. Niedziałający routing
      2. Niepoprawne odniesienia do zasobów (CDN)
  10. Część dodatkowa
  11. Zaawansowane techniki CSS

    1. Integracja z preprocesorami
    2. Css-modules
    3. Rozwiązania css-in-js na przykładzie styled-components
  12. Redux – zintegrowane zarządzanie stanem aplikacji

    1. Ideologia technologii Flux
    2. Ideologia i możliwości biblioteki Redux
      1. Store
      2. Reducers
      3. Actions
      4. Middleware
    3. Ręczna integracja Redux i React
    4. Integracja przy pomocy react-redux
      1. Komponenty vs Kontenery
      2. Connect – mapStateToProps, mapDispatchToProps
      3. Łączenie wielu elementów w porównaniu z łączeniem jednego elementu
    5. Optymalizacja przepływu danych za pomocą selektorów i biblioteki reselect

Opinie uczestników