React z Cursor A.I. Od fundmentów programowania do pracy z A.I.

Poznaj React'a i twórz nowczesne aplikacje webowe. Czy warto ? Sprawdź ofert pracy z React. Facebook, Netflix, Airbnb z sukcesem korzystają z tej technologi.

5.0(1)

99% pozytywnych recenzji

Stworzony przez Paweł Zarębski

99,00 zł

30 dni gwarancji zwrotu pieniędzy

Rozpocznij teraz za darmo, zapłać do 30 dni

Polska obsługa i faktura

Masz pytania dotyczące tego szkolenia ?

Zadaj pytanie autorowi

Odkryj powiązane tematy

React

W cenie szkolenia otrzymasz

calendar_clockBezterminowy dostęp

licenseCertyfikat ukończenia

currency_exchange30 dni gwarancji zwrotu

headset_micWsparcie autora

forumDostęp do grupy dyskusyjnej

database_uploadRegularne aktualizacje

W skrócie

Start od zera: konfiguracja środowiska i startowa aplikacja przez npx.

Komponenty funkcyjne, propsy oraz obsługa kliknięć i formularzy.

Stan z Hookiem useState i skrócony zapis warunków w widoku.

Routing i parametry URL, przekierowania, API (axios) oraz style CSS/Bootstrap/Material UI. Na koniec projekty.

Dlaczego warto wybrać to szkolenie

Kurs prowadzi od konfiguracji środowiska i uruchomienia aplikacji przez npx do tworzenia interfejsu w React. Lekcje pokazują w praktyce komponenty funkcyjne, propsy, wyświetlanie danych i obsługę zdarzeń.

Przećwiczysz zbieranie danych z pól i formularzy, stan w Hooku useState oraz skrócony zapis warunku. Poznasz stylowanie w CSS, Bootstrap i Material UI. Zrobisz nawigację w React Router Dom, przekierowania i parametry URL oraz połączysz się z API w axios. Na końcu czekają projekty.

Od podstaw do działania – Ustawisz środowisko i uruchomisz startową aplikację przez npx.
Praktyka komponentów – Tworzysz komponenty funkcyjne i przekazujesz dane za pomocą propsów.
Formularze i stan – Zbierasz dane z pól i formularzy, zarządzasz stanem z useState.
Routing i API – Nawigacja, przekierowania, parametry URL i komunikacja z API w axios.

Czego się nauczysz?

1
Przygotować środowisko i projekt przez npxSkonfigurujesz środowisko i uruchomisz startową aplikację React poleceniem npx.
2
Wyświetlać dane z różnych strukturPokażesz na ekranie wartości ze zmiennych, stałych, tablic i obiektów.
3
Tworzyć komponenty funkcyjneZbudujesz interfejs z prostych, wielokrotnego użycia komponentów.
4
Przekazywać dane przez propsyPrzekażesz informacje między komponentami, także z dziecka do rodzica.
5
Obsługiwać zdarzeniaZareagujesz na kliknięcia i inne akcje użytkownika.
6
Zbierać dane z pól i formularzyOdczytasz wartości z inputów i poprawnie obsłużysz formularz.
7
Zarządzać stanem w useStatePrzechowasz i zaktualizujesz dane komponentu z użyciem Hooka useState.
8
Stosować skrócony zapis warunkuUprościsz logikę widoku dzięki krótszym zapisom warunkowym.
9
Stylować aplikacjęZmienisz wygląd dzięki CSS, bibliotece Bootstrap i Material UI.
10
Nawigować i korzystać z APIZastosujesz React Router Dom, Link, useNavigate, useParams i axios oraz obsłużysz błędy.

Zobacz więcej Zobacz mniej

Dla kogo jest to szkolenie

Początkujący, którzy chcą zacząć z React od podstaw.
Osoby preferujące praktykę: krok po kroku i projekty na koniec.
Frontendowcy potrzebujący propsów, zdarzeń i formularzy.
Ci, którzy chcą uporządkować stan w useState i warunki w widoku.
Uczący się nawigacji w React Router Dom i przekierowań.
Chcący połączyć aplikację z API za pomocą axios.
Osoby szukające prostych sposobów na stylowanie w CSS, Bootstrap i Material UI.

Wymagania

Brak szczególnych wymagań wstępnych – kurs zaczyna się od podstaw.

Opis szkolenia

Ten kurs uczy React od pierwszego uruchomienia do tworzenia praktycznych funkcji w aplikacji. Zaczynasz od przygotowania środowiska i instalacji startowego projektu przez npx. Następnie przechodzisz przez wyświetlanie danych, komponenty funkcyjne i propsy, obsługę zdarzeń oraz formularzy. Poznasz stan z Hookiem useState, skrócony zapis warunku, stylowanie w CSS, Bootstrap i Material UI, a także nawigację, parametry i pracę z API. Całość domykają projekty.

Start: środowisko i pierwsza aplikacja

Na początku przygotujesz środowisko pracy. Krok po kroku zobaczysz, jak zainstalować startową aplikację przy pomocy npx. Następnie zajmiesz się danymi: nauczysz się wyświetlać wartości przechowywane w zmiennych i stałych, a także elementy z tablic oraz pola obiektów. Dzięki tym ćwiczeniom poznasz sposób, w jaki React pokazuje informacje w interfejsie i jak budować prosty widok oparty o dostępne dane. To solidny fundament do kolejnych tematów kursu.

Komponenty i propsy w praktyce

Kolejny etap to tworzenie komponentów funkcyjnych, z których zbudujesz czytelne części interfejsu. Poznasz propsy i zobaczysz, jak za ich pomocą przekazywać informacje między komponentami, w tym przekazywać dane z komponentu dziecka do komponentu rodzica. Będziesz także obsługiwać zdarzenia, na przykład kliknięcia, tak aby elementy reagowały na działania użytkownika. Dzięki temu zrozumiesz, jak porządkować strukturę aplikacji i łączyć komponenty w spójny układ.

Formularze, stan i warunkowe widoki

W kursie zbierzesz dane z pól tekstowych oraz całych formularzy. Nauczysz się poprawnie odczytywać wprowadzone wartości i dalej je wykorzystywać w logice aplikacji. Do przechowywania informacji posłuży Hook useState, dzięki któremu ustawisz i zaktualizujesz stan komponentu. Zobaczysz też skrócony zapis warunku logicznego, który upraszcza renderowanie elementów tylko wtedy, gdy spełnione są określone warunki. Te techniki pozwolą przygotować interfejs reagujący na dane użytkownika.

Wygląd aplikacji: CSS, Bootstrap i Material UI

Zmiana wyglądu aplikacji to ważny element pracy z React. W trakcie zajęć zmodyfikujesz styl za pomocą stylów CSS, a także skorzystasz z gotowych rozwiązań dostępnych w bibliotece Bootstrap oraz Material UI. Zobaczysz, jak szybko nadawać elementom spójny wygląd i budować estetyczne układy, wykorzystując klasy i komponenty dostarczane przez te narzędzia. Materiał pokazuje, jak łączyć te podejścia, aby w prosty sposób dopasować kolorystykę, odstępy i typografię do potrzeb ekranu. Dzięki temu widoki zyskają przejrzystość.

Nawigacja i praca z API

Poznasz nawigację w aplikacji z użyciem React Router Dom. Nauczysz się przygotowywać ścieżki, realizować przekierowania z pomocą Link oraz useNavigate i przekazywać parametry w adresie URL dzięki useParams. Następnie połączysz interfejs z zewnętrznym źródłem danych: zobaczysz, jak komunikować się z API przy pomocy axios. Przećwiczysz wysyłanie zapytań i obsługę błędów, aby reagować na różne odpowiedzi serwera. Zdobytą wiedzę wykorzystasz w praktycznych projektach kończących kurs, które spinają razem nawigację, formularze, stan i pracę z danymi.

Zobacz więcej Zobacz mniej