ODBIERZ TWÓJ BONUS :: »

Ambitny Frontend: React. Kurs video. Prawdziwe wyzwania z życia programisty

Podstawowe informacje:
Czas trwania: 06:53:36
Poziom: średnio zaawansowany
Autor: Radosław Madecki
Liczba lekcji: 36
Technologia: React 18.3
Dla firm
Rozwiń umiejętności swoich pracowników dzięki kursom video
Dowiedz się więcej
  • Monitorowanie postępów pracowników. Przejrzyste raporty i imienne certyfikaty ukończenia kursów
  • Atrakcyjne rabaty dla zespołów. Im więcej pracowników liczy zespół, tym większy uzyskasz rabat
  • Doradztwo w wyborze tematyki szkoleń. Mamy setki kursów, dostosujemy program nauczania pod Twój zespół
Indywidualnie
97,29 zł 139,00 zł (-30%)
39,90 zł najniższa cena z 30 dni Dodaj do koszyka
Korzyści:
  • Certyfikat ukończenia
  • Materiały dodatkowe do kursu
  • Test online
  • Dożywotni dostęp
  • Dostęp w aplikacji (także offline)
  • Napisy w języku polskim
Ten kurs należy do ścieżki Frontend Developer
Czas trwania: 37 godz.
DOWIEDZ SIĘ WIĘCEJ
Ten kurs należy do ścieżki Frontend Developer »

Czego się nauczysz?

  • Zainstalujesz i skonfigurujesz projekt React z użyciem TypeScriptu
  • Zbudujesz aplikację opartą na komponentach (component-driven development)
  • Stworzysz formularze wieloetapowe i będziesz zarządzać stanem lokalnym i globalnym
  • Skorzystasz z react-hook-form, aby uprościć obsługę formularzy
  • Wykonasz własny motyw (theme) i ostylujesz aplikację za pomocą styled-components
  • Będziesz zarządzać stanem aplikacji za pomocą kontekstu (React Context) i hooków
  • Utworzysz dynamiczne komponenty i będziesz zarządzać ich stanem
  • Przechowasz dane formularza w localStorage
  • Wprowadzisz testowanie aplikacji, w tym lintowanie kodu, testy jednostkowe (Vitest) i testy end-to-end (Playwright)

Spis lekcji

1. Wstęp 00:03:55
1.1. O czym będzie kurs?
00:03:55
2. Fundamenty Reacta 02:05:34
2.1. Narzędzia, których potrzebujemy na start
OGLĄDAJ » 00:16:04
2.2. Setupowanie aplikacji React z Vite
00:13:28
2.3. Omówienie projektu-startera. Czym są te wszystkie pliki?
00:16:20
2.4. Deklarowanie i struktura komponentu
00:13:21
2.5. Podstawy pracy ze stanem, cykl życia komponentu
00:12:49
2.6. Event handlery - obsługa zdarzeń na elementach (click, change itd.)
00:07:46
2.7. Rodzaje zmiennych w komponentach (ref, state, let)
00:13:04
2.8. Renderowanie warunkowe
00:08:27
2.9. Renderowanie list
00:17:20
2.10. Efekty uboczne (useEffect)
00:06:55
3. React w praktyce i zaawansowane techniki 03:30:17
3.1. Co zrobimy w tym zadaniu?
OGLĄDAJ » 00:10:10
3.2. Uruchamianie projektu od zera i czyszczenie go
00:05:09
3.3. Wstęp do CSS-in-JS (styled-components)
00:12:36
3.4. Komponent Button
00:18:57
3.5. Rozdzielanie dzieci komponentów
00:03:49
3.6. Jak definiować miejsce na dzieci komponentów
00:05:46
3.7. Koniec pewnego etapu, git commit
00:00:55
3.8. Globalne style w styled-components
00:04:23
3.9. Czym jest SPA, omówienie nowych komponentów
00:16:56
3.10. Context - sterowanie nawigacją
00:11:04
3.11. Wprowadzenie routingu
00:10:18
3.12. Powtórka z routingu
00:02:58
3.13. Code review TableOfContent - cz. 1
00:20:14
3.14. Code review TableOfContent - cz. 2
00:14:18
3.15. Naprawianie błędów z code review
00:16:45
3.16. Naprawianie błędu z ostatniej lekcji
00:01:50
3.17. Refactor po CR, ciąg dalszy
00:16:41
3.18. Praca z biblioteką od formularzy i localStorage
00:13:03
3.19. Twoje zadanie - wyzwanie
00:24:25
4. Wprowadzenie do testów 01:07:26
4.1. Jakie są rodzaje testów i dlaczego warto ich używać?
00:11:40
4.2. Pisanie i odpalanie podstawowych testów
00:15:40
4.3. Testowanie inputa
00:13:20
4.4. Testowanie widoku w Vitest
00:12:30
4.5. Wprowadzenie do Playwright (robot klikający po stronie)
00:14:16
5. Zakończenie 00:06:24
5.1. Zakończenie i zadanie domowe dla Ciebie
00:06:24

Obierz kurs na... React w praktyce

Facebook, Instagram, Netflix, Uber i Airbnb – wszystkie te aplikacje łączy korzystanie z biblioteki React. Wybierana przez największe firmy na świecie, zyskała popularność dzięki prostocie budowania dynamicznych i interaktywnych interfejsów użytkownika. Wydajność Reacta jest zapewniana przez Virtual DOM, a dzięki komponentowej architekturze pozwala on na łatwe tworzenie modularnych elementów interfejsu przeznaczonych do wielokrotnego użytku. React oferuje szerokie możliwości rozwojowe, szczególnie że jest podstawą wielu zaawansowanych aplikacji webowych i mobilnych. Ponadto dzięki możliwości renderowania po stronie serwera z Next.js aplikacje są lepiej zoptymalizowane pod kątem SEO. Ucząc się Reacta, inwestujesz w umiejętności potrzebne każdemu frontend developerowi. Nabrawszy doświadczenia, z powodzeniem odnajdziesz się w projektach wymagających dużej interaktywności, jak zaawansowane, dynamiczne aplikacje, w tym platformy CMS i e-commerce. Zarezerwuj najbliższe 7 godzin – tyle wystarczy, by z naszym szkoleniem opanować podstawy Reacta i przybliżyć się do rozpoczęcia profesjonalnej kariery w IT.

Ambitny Frontend: React. Kurs video. Prawdziwe wyzwania z życia programisty ukończysz na poziomie średnio zaawansowanym. Będziesz tworzyć rozbudowane aplikacje React, zarządzać stanem zarówno lokalnym, jak i globalnym i budować wieloetapowe formularze, które będą reagować na akcje użytkownika. Nauczysz się używać narzędzi takich jak react-hook-form do uproszczenia obsługi formularzy i szybkiego walidowania danych. Poznasz także zasady component-driven development, czyli budowania aplikacji opartej na komponentach. Dzięki nauce styled-components opanujesz zaawansowane techniki stylowania komponentów. Twoje projekty będą bardziej modularne i skalowalne, a interfejsy estetyczne i responsywne. Zrozumiesz, jak zarządzać stanem aplikacji przy użyciu React Context i useState do organizowania danych w złożonych projektach. Dowiesz się, jak za pomocą localStorage zapewnić trwałość danych po odświeżeniu strony. Nauczysz się także testować aplikacje z wykorzystaniem testów jednostkowych i end-to-end, aby zwiększyć stabilność kodu. Na koniec dowiesz się, jak lintować kod i używać Prettiera do automatycznego formatowania, co poprawi jego jakość i czytelność.

Dzięki przećwiczonym projektom i zadaniom będziesz w stanie realizować komercyjne aplikacje oparte na bibliotece React. Uzyskasz solidne przygotowanie do pracy w zespole frontendowym, w którym tworzenie i utrzymywanie komponentów React będzie codziennym zadaniem na Twojej liście to-do.

Wybrane bestsellery

O autorze kursu video

Radek Madecki – frontend developer, product owner i pasjonat budowania społeczności. Twórca cyklu Ambitny Frontend, autor kursów dla programistów, które uczą technologii, kariery i rozsądnego podejścia do pracy w IT. Po godzinach rozwija bloga, gotuje, ćwiczy i szuka balansu między kodem a życiem.

Najtrudniejszy jest pierwszy krok, ale za rok podziękujesz sobie, że teraz go wykonałeś.

Radosław Madecki - pozostałe kursy

Oceny i opinie klientów: Ambitny Frontend: React. Kurs video. Prawdziwe wyzwania z życia programisty Radosław Madecki (2)

Informacja o opiniach
Weryfikacja opinii następuje na podstawie historii zamowień na koncie Użytkownika umiejszczającego opinię. Użytkownik mógł otrzymać punkty za opublikowanie opinii uprawniającej do uzyskania rabatu w ramach Programu Kadr.
6.0
  • 6 (2)
  • 5 (0)
  • 4 (0)
  • 3 (0)
  • 2 (0)
  • 1 (0)
  • Kozak, jak cała ścieżka, tutaj już praktycznie zwieńczenie całej wiedzy z poprzednich kursow. Nigdy nie czułem żebym miał taką kompletną wiedzę. Mimo wszystko najciekawszy był dla mnie kurs pierwszy i o JavaScript. Każdy kurs ma ciekawy projekt, autor opowiada o aspektach pracy programisty, polecam

    Opinia: Kacper M Opinia dodana: 2025-05-23 Ocena: 6   
    Opinia niepotwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
  • Fajny, nowoczesny kurs. Prowadzony w odpowiednim tempie, dodatkowo autor tworzy ciekawe projekty ktore można wykorzystać w swoim portfolio. Dużo mi to dało

    Opinia: gleba Opinia dodana: 2025-04-22 Ocena: 6   
    Opinia niepotwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
więcej opinii »

Szczegóły kursu

Dane producenta » Dane producenta:

Helion SA
ul. Kościuszki 1C
41-100 Gliwice
e-mail: gpsr@helion.pl
Format: Online
Data aktualizacji: 2025-01-14
ISBN: 978-83-289-1656-2, 9788328916562
Numer z katalogu: 242120

Videopoint - inne kursy

Kurs video
97,29 zł
Dodaj do koszyka
Płatności obsługuje:
Ikona płatności Alior Bank Ikona płatności Apple Pay Ikona płatności Bank PEKAO S.A. Ikona płatności Bank Pocztowy Ikona płatności Banki Spółdzielcze Ikona płatności BLIK Ikona płatności Crédit Agricole e-przelew Ikona płatności dawny BNP Paribas Bank Ikona płatności Google Pay Ikona płatności ING Bank Śląski Ikona płatności Inteligo Ikona płatności iPKO Ikona płatności mBank Ikona płatności Millennium Ikona płatności Nest Bank Ikona płatności Paypal Ikona płatności PayPo | PayU Płacę później Ikona płatności PayU Płacę później Ikona płatności Plus Bank Ikona płatności Płacę z Citi Handlowy Ikona płatności Płacę z Getin Bank Ikona płatności Płać z BOŚ Ikona płatności Płatność online kartą płatniczą Ikona płatności Santander Ikona płatności Visa Mobile