icon icon

Kurs React.js – zaawansowane rozwiązania i techniki programowania

icon

Proces szkoleniowy

Analiza potrzeb szkoleniowych

Jeśli masz życzenie dotyczące programu szkolenia, przeprowadzimy dla Ciebie analizę potrzeb szkoleniowych, która będzie wskazówką dla nas, na jakie aspekty programu położyć większy nacisk – tak, by program szkolenia spełniał konkretne potrzeby.

Co zyskujesz?

icon

Sprawne środowisko pracy - Skonfigurujesz Node.js, Visual Studio Code i potrzebne rozszerzenia, dzięki czemu po szkoleniu samodzielnie uruchomisz projekt React i przygotujesz wygodne środowisko do codziennej pracy.

icon

Lepsze zrozumienie DOM - Zrozumiesz, jak HTML DOM reprezentuje elementy strony i jak odbywa się renderowanie, więc łatwiej powiążesz zachowanie przeglądarki z tym, co React aktualizuje w interfejsie.

icon

Pewny JavaScript pod React - Uporządkujesz typy danych, klasy, prototype, funkcje strzałkowe, generatory i promesy, dzięki czemu kod React napiszesz świadomie, bez luk w fundamentach języka.

icon

Świadome budowanie komponentów - Nauczysz się projektować komponenty, przekazywać propsy i zarządzać stanem, więc zaczniesz tworzyć czytelne interfejsy zamiast mieszać logikę, dane i widok w jednym miejscu.

icon

Kontrola przepływu danych - Przećwiczysz DataFlow, cykle życia i Hooki, dzięki czemu lepiej zrozumiesz, kiedy komponent się odświeża, skąd biorą się dane i jak unikać trudnych do wykrycia błędów.

icon

Dynamiczne formularze - Zbudujesz formularze React z obsługą zdarzeń i walidacją, więc przygotujesz widoki, które poprawnie reagują na działania użytkownika i pomagają ograniczać błędy przy wprowadzaniu danych.

icon

Nawigacja w aplikacji - Opanujesz routing i dynamiczne komponenty, dzięki czemu zaprojektujesz aplikację podzieloną na ekrany i ścieżki użytkownika, a nie tylko pojedynczy, statyczny widok.

icon

Szybsze działanie aplikacji - Poznasz techniki poprawy wydajności i optymalizacji React, więc nauczysz się ograniczać zbędne renderowanie i tworzyć aplikacje, które pozostają responsywne przy większej złożoności.

Program szkolenia

1. Wprowadzenie do React.js

  • instalacja node.js,
  • instalacja Visual Studio Code,
  • rozszerzenia do VS Code,
  • instalacja bibliotek.

2. HTML DOM

  • obiekty,
  • renderowanie plików HTML.

3. JavaScript

  • typy danych,
  • programowanie JS - podstawy,,
  • obiektowość w JS, klasy, prototype, …,
  • funkcje strzałkowe,
  • generatory,
  • promesy.

4. React

  • instalacja i podstawy działania,
  • biblioteki ReactJS,
  • budowa komponentu, wyświetlanie danych statycznych,
  • JSX a JavaScript – transformacje,
  • tagi HTML oraz komponenty ReactJS – zależności, podobieństwa, różnice,
  • rekwizyty (Props) i stany (States),
  • DataFlow w ReactJS,
  • cykle życia,
  • Hook,
  • Routing,
  • dynamiczne Komponenty i formularze,
  • zdarzenia w formularzach i ich obsługa,
  • walidacja formularzy,
  • wydajność i optymalizacja aplikacji w ReactJS,
  • ćwiczenia praktyczne.

Jakie są wymagania wstępne do udziału w szkoleniu?

icon

Podstawy obsługi komputera - Powinieneś swobodnie pracować na swoim komputerze, instalować programy, poruszać się po folderach i uruchamiać aplikacje, bo szkolenie zaczyna się od konfiguracji narzędzi.

icon

Podstawy HTML - Powinieneś rozumieć strukturę dokumentu HTML, znaczenie podstawowych tagów i sposób budowania prostej strony, bo szkolenie odwołuje się do DOM i renderowania widoków.

icon

Podstawy JavaScript - Powinieneś znać składnię JavaScript, zmienne, warunki, pętle i funkcje, ponieważ kurs rozwija te zagadnienia o obiektowość, promesy i mechanizmy używane w React.

icon

Czytanie kodu w edytorze - Powinieneś umieć otworzyć projekt w edytorze kodu, odnaleźć pliki i wprowadzać proste zmiany, aby podczas ćwiczeń skupić się na React, a nie na pracy z narzędziem.