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
39,90 zł 139,00 zł (-71%)
90,34 zł najniższa cena z 30 dni Dodaj do koszyka Za zakup otrzymasz 39 punktów
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
39,90 zł
Dodaj do koszyka
Sposób płatności