- Autor:
- Długość
- liczba lekcji: 36, czas trwania: 06:53:36
- Ocena
Kurs video
Ambitny Frontend: React. Kurs video. Prawdziwe wyzwania z życia programisty Radosław Madecki
- Autor:
- Radosław Madecki
- Wydawnictwo:
- Videopoint
- Wersja:
- Online
- Czas trwania:
- 6 godz. 53 min.
- Ocena:
Spis lekcji kursu video
-
1. Wstęp 00:03:55
-
2. Fundamenty Reacta 02:05:34
- 2.1. Narzędzia, których potrzebujemy na start 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? 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
-
5. Zakończenie 00:06:24
Opis
kursu video
:
Ambitny Frontend: React. Kurs video. Prawdziwe wyzwania z życia programisty
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)
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
Radosław Madecki - pozostałe kursy
Videopoint - inne kursy
Dzięki opcji "Druk na żądanie" do sprzedaży wracają tytuły Grupy Helion, które cieszyły sie dużym zainteresowaniem, a których nakład został wyprzedany.
Dla naszych Czytelników wydrukowaliśmy dodatkową pulę egzemplarzy w technice druku cyfrowego.
Co powinieneś wiedzieć o usłudze "Druk na żądanie":
- usługa obejmuje tylko widoczną poniżej listę tytułów, którą na bieżąco aktualizujemy;
- cena książki może być wyższa od początkowej ceny detalicznej, co jest spowodowane kosztami druku cyfrowego (wyższymi niż koszty tradycyjnego druku offsetowego). Obowiązująca cena jest zawsze podawana na stronie WWW książki;
- zawartość książki wraz z dodatkami (płyta CD, DVD) odpowiada jej pierwotnemu wydaniu i jest w pełni komplementarna;
- usługa nie obejmuje książek w kolorze.
Masz pytanie o konkretny tytuł? Napisz do nas: sklep@helion.pl
Książka drukowana
Oceny i opinie klientów: Ambitny Frontend: React. Kurs video. Prawdziwe wyzwania z życia programisty Radosław Madecki (0) Weryfikacja opinii następuję na podstawie historii zamówień na koncie Użytkownika umieszczającego opinię. Użytkownik mógł otrzymać punkty za opublikowanie opinii uprawniające do uzyskania rabatu w ramach Programu Punktowego.