Tworzenie aplikacji z użyciem ReactJS

LICZBA DNI: 3 (24h)

KOD KURSU: REACT

POZIOM SZKOLENIA:

# javascript

# typescript

# reactjs

Najbliższy termin:

1 marca 2021

PROWADZI:

Mateusz Kulesza

2680 PLN netto + 23% VAT

Jeszcze 8 miejsc w tej cenie.

  • stacjonarne
  • zdalne

STACJONARNE

W CENIE

  • 3 dni pracy z trenerem
  • Materiały szkoleniowe
  • Lunch
  • Certyfikat ukończenia szkolenia

ZDALNE

W CENIE

  • 3 dni pracy z trenerem na żywo online
  • Materiały szkoleniowe
  • Certyfikat ukończenia szkolenia

Czy wiesz, że możesz uzyskać nawet do 100% dofinansowania na szkolenie? Dowiedz się jak »

Oferta dla firm

Dostosuj zakres, czas i miejsce szkolenia do potrzeb Twojego zespołu. Uzyskaj indywidualną wycenę szkolenia dla grupy.

Weź udział w szkoleniu

Termin

Lokalizacja

Trener

Cena / os

1

marca

Warszawa,

Poznań,

Zdalne,

2680 PLN netto
+ 23% VAT

19

kwietnia

Kraków,

Wrocław,

Zdalne,

2680 PLN netto
+ 23% VAT

Termin

1

marca

Lokalizacja

Warszawa,

Poznań,

Zdalne,

Trener

Cena / os

2680 PLNnetto
+ 23% VAT

Termin

19

kwietnia

Lokalizacja

Kraków,

Wrocław,

Zdalne,

Trener

Cena / os

2680 PLNnetto
+ 23% VAT

Powiadom
o kolejnych terminach

O szkoleniu

DLA KOGO?

Kurs przeznaczony jest dla programistów posiadających podstawową wiedzę w zakresie HTML i JavaScript, którzy chcą poszerzyć swoje kompetencje związane z tworzeniem wydajnych aplikacji działających po stronie przeglądarki

WYMAGANIA

Rozeznanie w podstawach programowania w JavaScript lub innym języku skryptowym

Podstawowa wiedza dotycząca języka HTML i CSS

ZALETY

Szkolenie w maksymalnym stopniu nastawione jest na aspekt praktyczny

Jego głównym założeniem jest rozwinięta część warsztatowa obejmująca zarówno budowę niezależnego projektu jak i stworzenie pojedynczych komponentów możliwych do wykorzystania w ramach projektów opartych o inne frameworki

Cele szkolenia

Zapoznanie uczestników z założeniami, na których oparta jest biblioteka React oraz architektura Redux

Zdobycie praktycznych umiejętności związanych z wykorzystaniem tych narzędzi do budowy wydajnych aplikacji webowych

Program

  • Czym jest React i jakie problemy rozwiązuje?
  • Omówienie ekosystemu i narzędzi
  • Programowanie funkcyjne z ECMAScript 5
  • Wstęp do ECMAScript 2015+
    • Przydatne konstrukcje (fat arrows, destructuring, rest parameters, ...)
    • Transpilacja nowych wersji ECMAScript
  • Praca z npm
  • Transpilacja kodu (Babel)
  • Webpack i Webpack Dev Server
  • Idea Virtual DOM
  • JSX
    • Składnia JSX
    • Atrybuty HTML a właściwości komponentów
    • React w JS vs React w JSX
  • Komponenty React
    • Komponenty funkcyjne i klasowe
    • Tworzenie i renderowanie komponentu
    • Dane w komponencie: props i state
    • Praktyczne różnice między właściwościami a stanem
    • Walidacja właściwości - PropTypes
    • Przekazywania właściwości kolejnym komponentom
    • Obsługa zdarzeń
    • Komponenty prezentacyjne, kontrolne i HOC
  • Komponenty klasowe
    • Cykl życia komponentu
    • Praktyczne zastosowania poszczególnych etapów cyklu życia
  • Komponenty funkcyjne
    • Prowadzenie do hooks
    • Zastosowania poszczególnych wbudowanych hooków
    • Tworzenie własnych hooków
  • Formularze
    • Kontrolowane komponenty
    • Uzyskiwanie referencji do komponentu
    • Uzyskiwanie dostępu do obiektu DOM
    • Praca z Formik
  • Stylowanie
    • Przegląd dostępnych rozwiązań
    • CSS Modules
    • styled-components
  • Optymalizacja aplikacji dla produkcji za pomocą Webpack
  • Routing
    • Statyczne ścieżki
    • Dynamiczne ścieżki
    • Zagnieżdżenia
    • Komponent <Link/>
    • Obsługa błędów
  • Dobre praktyki
  • Omówienie architektury
  • Modelowanie stanu
  • Reducers
  • Łączenie React z Redux
  • Actions i action creators
  • Metody implementacji niemutowalnych zmian
  • Kiedy Redux a kiedy Context?
  • Praca z Redux Dev Tools
  • Omówienie architektury
  • Praktyczne zastosowania
  • Porównanie z Redux
  • Wprowadzenie do TDD w JavaScript
  • Struktura testów jednostkowych
  • Praca z Jest
  • Możliwości React Testing Library

POLITYKA COOKIES:

Korzystamy z plików cookies, by móc jak najlepiej dostosować stronę do Twoich potrzeb oraz wyświetlać Ci przydatne i adekwatnych dla Ciebie reklamy w serwisie i poza nim. Możesz kontrolować ustawienia ciasteczek w swoich ustawieniach swojej przeglądarki. Odwiedzając tę stronę, wyrażasz zgodę na wykorzystywanie przez nas plików cookies.