Czas trwania:
3 dni
Cena netto:
1499 PLN netto
Średnia ocena:
5.0 /5   
Stopień trudności:   
Średnia liczba uczestników:   
3
Identyfikator szkolenia:   
4855351
    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:

  • chciałyby poszerzyć wiedzę w związaną z tworzeniem reaktywnych stron i aplikacji korzystając z najpopularniejszych aktualnie narzędzi na rynku
  • znają JavaScript w stopniu co najmniej podstawowym
  • znają w stopniu podstawowym HTML i CSS

Co uczestnik powinien wiedzieć przed jego rozpoczęciem Uczestnicy powinni znać :

  • podstawy JavaScript
  • podstawy HTML i CSS




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

  3. React - Wstęp
  4. 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

  5. JSX
  6. 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

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

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

  11. Warunkowe renderowanie
  12. 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

  13. Listy i klucze
  14. 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

  15. Formularze
  16. 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

  17. Kompozycja
  18. 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

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

    • fetch
    • componentDidMount()

  21. Warsztat końcowy
  22. Na koniec zaczynamy pracę nad praktycznym połączeniem całej dotychczasowej wiedzy - tworząc konkretny projekt.





Terminy szkolenia "Tworzenie interaktywnych aplikacji internetowych w REACT"


2019-06-10 Warszawa
  Dostępne miejsca

2019-06-17 Warszawa
  Dostępne miejsca

2019-07-15 Wrocław
  Dostępne miejsca

2019-10-21 Warszawa
  Dostępne miejsca



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.