React od podstaw
4.7 (1,520 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
5,288 students enrolled

React od podstaw

Teoria i praktyka
4.7 (1,520 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
5,288 students enrolled
Last updated 6/2019
Polish
Current price: $13.99 Original price: $19.99 Discount: 30% off
30-Day Money-Back Guarantee
This course includes
  • 32 hours on-demand video
  • 3 articles
  • 15 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Znajomość biblioteki React w stopniu, który pozwoli Ci z niej korzystać i ubiegać się o pracę tam, gdzie jest ona wymagana
  • Tworzyć Single Page Application (w warstwie widoku)
Course content
Expand all 128 lectures 31:55:15
+ Praktyczne wprowadzenie w React - JSX, component, state i props
15 lectures 04:09:29
JSX – cz. 1
20:30
JSX - cz. 2
16:46
Komponenty - tworzenie komponentów funkcyjnych i klasowych, zagnieżdżanie
16:51
Obiekty state i props na przykładzie listy zakupów
17:20
Mini-aplikacja "Add sign" dodająca znak do tekstu po kliknięciu przycisku - cz.1
15:04
"Add sign" - cz.2: Metoda bind, setState, definiowanie state w konstruktorze
19:51
"Add sign" - cz.3: nowy komponent dla wyświetlania tekstu, losowanie liczby
15:40
Tekst pojawiający się po wpisaniu w input – cz. 1
18:18
Tekst pojawiający się po wpisaniu w input – cz. 2: analiza zmiany stanu
07:05
Przycisk pokaż/ukryj - cz. 1
20:56
Przycisk pokaż/ukryj - cz. 2: korzystanie z debuggera
10:19
Zliczanie kliknięć i wyświetlanie wyniku, cz. 1: przepływ danych w React
31:29
Zliczanie kliknięć i wyświetlanie wyniku, cz. 2: komponent dla przycisków
23:38
Zliczanie kliknięć i wyświetlanie wyniku, cz. 3: komponent dla pokazania wyniku
06:20
Wersja deweloperska i produkcyjna biblioteki React
09:22
+ Wprowadzenie teoretyczne w React
7 lectures 02:12:11
JSX
26:42
Komponenty
26:36
State
15:03
Props
25:37
Przepływ danych, eventy
09:52
Radzenie sobie z problemami z this
20:08
Nazewnictwo metod
08:13
+ Powrót do kodu - proste projekty w React
27 lectures 05:30:36
Projekt 1: checkbox, cz. 1 - wiadomość w zależności od zaznaczenia checkboxa
18:29
Projekt 1: checkbox, cz. 2 - walidacja zaznaczenia po kliknięciu przycisku
13:23
Projekt 1: checkbox, cz. 3 - połączenie 2 komponentów w jeden, destrukturyzacja
15:04
Projekt 1: checkbox, cz. 4 - przeniesienie formularza do osobnego komponentu
08:22
Projekt 2: koszyk, cz. 1 - struktura i logika aplikacji
12:56
Projekt 2: koszyk, cz. 2 - warunkowe dodanie przycisku i obsługa stanu magazynu
10:20
Projekt 2: koszyk, cz. 3 - wyszarzenie wartości 0 w CSS
05:24
Projekt 2: koszyk, cz. 4 - destrukturyzacja
02:39
Projekt 3: praca z tablicami, cz. 1: wyświetlanie elementów tablicy jako listy
12:57
Projekt 3: praca z tablicami, cz. 2 - wykorzystanie template string
05:12
Projekt 3: praca z tablicami, cz. 3: praca z danymi w obiektach
09:39
Projekt 3: praca z tablicami, cz. 4: sortowanie po płci
07:21
Projekt 3: praca z tablicami, cz. 5: filtrowanie po płci
19:17
Projekt 4: interaktywne menu restauracji, cz. 1 - struktura aplikacji
13:04
Projekt 4: interaktywne menu restauracji, cz. 2
16:31
Projekt 4: interaktywne menu restauracji, cz. 3 - praca z listą
10:49
Projekt 4: interaktywne menu restauracji, cz. 4 - logika aplikacji
13:48
Projekt 5: formularze w React, cz. 1 - komponent kontrolowany i niekontrolowany
20:34
Projekt 5: formularze w React, cz. 2 - optymalizacja
08:02
Projekt 6: przelicznik walut, cz. 1
13:38
Projekt 6: przelicznik walut, cz. 2 - optymalizacja
08:35
Projekt 6: przelicznik walut, cz. 3 - rozbudowa aplikacji o select
24:06
Zadanie 1 dla Ciebie - losowanie wróżby
04:49
Zadanie 1 dla Ciebie - rozwiązanie na 5
11:03
Zadanie 1 dla Ciebie - rozwiązanie na 6
12:08
Zadanie 2 dla Ciebie - usuwanie elementów listy
01:45
Zadanie 2 dla Ciebie - rozwiązanie
30:41
+ Zaawansowane zagadnienia
10 lectures 02:42:13
Destrukturyzacja
10:54
Praca z formularzami
13:21
Metoda setState - asynchroniczność i scalanie - teoria
34:42
SetState - asynchroniczność i scalanie w praktyce
14:42
Cykl życia komponentu - teoria
18:08
Lifecycle w kodzie
11:02
Cykl życia komponentu na przykładzie przycisku
11:29
ComponentDidUpdate na przykładzie countera
14:11
ComponentDidMount i componentWillUnmount na przykładzie zegara - cz. 1
21:12
ComponentDidMount i componentWillUnmount na przykładzie zegara - cz. 2: przycisk
12:32
+ Create React App i aplikacje
18 lectures 05:58:46
Create React App - wprowadzenie i instalacja
15:31
Zmiana od kwietnia 2019 - ważne
00:44
Przegląd struktury aplikacji w środowisku CRA
19:34
Aplikacja stoper - cz. 1: przygotowanie
23:41
Aplikacja stoper - cz. 2
22:54
Środowisko deweloperskie Create React App - teoria
30:36
Moduły - teoria: eksport modułów w React, import modułów, bibliotek zewnętrznych
16:37
Pobieranie i instalacja projektów
00:25
Projekt: Pobieranie danych z dynamicznego źródła
24:59
Projekt: JSON i metoda fetch
33:27
Projekt: Obiekt XMLHttpRequest
34:03
Fetch w praktyce – cz. 1: wyświetlanie 5 losowych użytkowników po kliknięciu
44:30
Fetch w praktyce – cz. 2: dodawanie użytkowników po kliknięciu przycisku
14:54
AJAX i JSON - teoria
10:58
API - teoria
11:57
Techniki AJAX - teoria
09:29
Metoda fetch i obietnice (promises) - teoria
36:17
Pobieranie danych w React - teoria
08:09
+ Formularz z walidacją
5 lectures 01:03:40
Wstęp - opis projektu
06:04
Tworzenie struktury formularza - pola tekstowe, checkbox i przycisk zapisywania
22:55
Walidacja formularza - dodanie do struktury komunikatów błędu
10:06
Funkcja walidująca wypełnianie formularza, reset poprawnie wysłanego formularza
18:27
Komunikat potwierdzający wysłanie formularza
06:08
+ Projekt ToDo App
11 lectures 02:35:41
Jak będzie wyglądał projekt
05:19
Struktura aplikacji
08:49
Dane w aplikacji i ich wyświetlanie
19:51
Metody usuwająca i modyfikująca zadanie
21:21
Wyświetlanie zadań w sekcjach do zrobienia i zrobionych
11:59
Wyróżnienie zadań priorytetowych i wyświetlenie daty potwierdzenia
12:50
Formularz dodawania zadania - struktura
12:53
Formularz dodawania zadania - obsługa pola tekstowego, checkboxa i wyboru daty
13:15
Obsługa pozostałych pól formularza
03:11
Obsługa dodawania nowego zadania, czyszczenie pól formularza po dodaniu zadania
17:18
Sortowanie dodanych zadań po dacie w obu sekcjach
28:55
+ Wprowadzenie do React Router
15 lectures 03:29:05
Czym jest routing i czym jest React Router
15:48
Projekt SPA z menu i różnymi adresami URL - BrowserRouter i Link
08:14
Projekt SPA z menu i różnymi adresami URL - Route
09:20
Projekt SPA z menu i różnymi adresami URL - Aktywny przycisk i CSS
15:28
Projekt SPA z menu i różnymi adresami URL - strona 404 i Switch
06:06
Projekt2 SPA - wprowadzenie
08:03
Projekt2 SPA - komponent główny
18:22
Projekt 2 SPA - nawigacja
18:55
Projekt 2 SPA - header
22:09
Projekt 2 SPA - routing na stronie
10:33
Projekt 2 SPA - articles na stronie startowej
11:47
Projekt 2 SPA - zakładka kontakt i ochrona przed utratą danych w formularzu
19:41
Projekt 2 SPA - Redirect w zakładce admina
07:44
Projekt 2 SPA - lista produktów i podstrony dla konkretnych produktów
20:36
Projekt 2 SPA - Stopka
16:19
Requirements
  • Znajomość HTML i CSS w stopniu podstawowym
  • Znajomość JavaScript - jeśli wiesz, czym jest i jak użyć klasy, arrow function, rozumiesz - chociaż częściowo - mechanizm this, to jest ok
Description

Biblioteka React to jedno z najpopularniejszych rozwiązań w pracy front-end developera.  React to nowe podejście do tworzenia interfejsów użytkownika. Ten kurs ma dać Ci mocne fundamenty teoretyczne, ale także, poprzez wiele przykładów, nauczyć cię praktycznego wykorzystania React. To nie jest chwilowa moda czy przypadek, że mnóstwo ogłoszeń o pracę na stanowisku front-end developera wymaga znajomości Reacta. Jeśli poznałaś/poznałeś już JavaScript, to kolejnym krokiem w Twojej nauce może być React.

W kursie uczę biblioteki React od podstaw, jednak od uczestnika wymagam już podstaw HTML i CSS oraz podstawowej znajomości JavaScript. W pierwszej fazie kursu przypomnę najważniejsze koncepcje JS, które często pojawiają się podczas pisania aplikacji w React, takie jak klasa, dziedziczenie, funkcja strzałkowa, sposoby pracy na tablicy i mechanizm this.

Jeśli nie czujesz się mocna/mocny w JS, to przed rozpoczęciem nauki React zapraszam Cię do mojego kursu Programowanie w JavaScript. Pamiętaj, że React to biblioteka JavaScript.

Kurs jest skierowany do osób, które nie mają żadnego doświadczenia w pracy z biblioteką React lub poznali ją, ale jedynie bardzo powierzchownie.

Who this course is for:
  • Osoby, które szukają pracy jako front-end developerzy
  • Osoby, których obecna praca wymaga znajomości React
  • Osoby, które chcą tworzyć własne projekty w oparciu o React
  • Freelancerzy, którzy chcą tworzyć nowoczesne strony typu Single Page Application