
React. Pierwsze kroki. Kurs video. Tworzenie praktycznej aplikacji
- Autor:
- Jakub Ciosłowski
- Ocena:
- 5.8/6 12 opinii
- Wersja:
- Online i ZIP (1.8GB)
- Czas trwania:
- 4:11:38
+ gratis
Kupując ten kurs dodatkowo otrzymasz:
React w działaniu. Tworzenie aplikacji internetowych (ebook)
Wartość zestawu to 98,90 zł, oszczędzasz 75,30 zł (-76%)!
Opis kursu
Obierz kurs na... React!
Kiedy programiści firmy Facebook opracowywali bibliotekę React, postawili sobie za cel ułatwienie życia twórcom stron pisanych w języku JavaScript. Framework stał się niezwykle popularny jako doskonałe narzędzie do tworzenia nowoczesnych stron internetowych; korzystają z niego największe marki sieciowego świata, takie jak Netflix czy PayPal. Na rzecz biblioteki React działa prężna społeczność, która tworzy mnóstwo powiązanych komponentów oraz narzędzi.
React. Pierwsze kroki. Kurs video. Tworzenie praktycznej aplikacji pozwoli Ci zacząć przygodę z tym znakomitym narzędziem — lub poszerzyć Twoje umiejętności.
Wykorzystaj możliwości biblioteki React!
Czego nauczysz się podczas naszego profesjonalnego szkolenia?
W ramach tego kursu video dowiesz się:
- jak przygotować środowisko pracy (za pomocą Create React App oraz wiersza poleceń);
- jak tworzyć komponenty aplikacji (komponenty stanu oraz komponenty funkcyjne);
- jak nadać odpowiedni wygląd komponentom (style CSS);
- jak pracować ze stanem aplikacji (dodawać, edytować, zapisywać dane);
- jak pracować z elementami formularzy (dane wpisywane przez użytkownika oraz ich walidacja);
- jak zapisywać dane w pamięci przeglądarki;
- jak używać wersji deweloperskiej projektu;
- jak stworzyć finalną wersję (produkcyjną) aplikacji, którą możesz umieścić na serwerze;
- jak tworzyć funkcje pomocnicze i testy jednostkowe.
Podczas szkolenia obejmującego 79 lekcji poznasz podstawy korzystania z biblioteki React i tworzenia funkcjonalnej aplikacji webowej. Projektowanie interaktywnych serwisów wiąże się z wieloma trudnościami, które można rozwiązać dzięki wykorzystaniu tego narzędzia. Kurs ma na celu przeprowadzenie Cię krok po kroku przez proces powstawania aplikacji — od najprostszych elementów po gotowy, w pełni funkcjonalny program odliczający czas do wybranych wydarzeń dnia. Zobaczysz, jak używać technologii, z której korzystają Facebook, Netflix i Twitter.
Jeśli jesteś początkującym programistą, w efekcie tego szkolenia uda Ci się napisać Twoją pierwszą aplikację webową. Jeśli marzy Ci się praca programisty, możesz poszerzyć swoje umiejętności o możliwości oferowane przez tę wspaniałą bibliotekę. Poznaj potęgę React!
React — jak napisać działającą aplikację?
React. Pierwsze kroki. Kurs video. Tworzenie praktycznej aplikacji pozwala prześledzić powstawanie nowej aplikacji i zapanować nad wszystkimi jej etapami. Praca zaczyna się od stworzenia pustego projektu za pomocą Create React App. Następnie musisz dodać podstawowe elementy — tak zwane komponenty. W kolejnym kroku dowiesz, jak używać formularzy oraz jak zapisywać dane. Na koniec stworzysz finalną wersję projektu, którą można umieścić w sieci. Kurs obejmuje omówienie technologii potrzebnych do pracy z React, takich jak node, oraz narzędzi typu terminal.
Same korzyści
Znajomość React zdecydowanie zwiększy Twoje szanse na rynku pracy — nie tylko dlatego, że wzrosną Twoje umiejętności, lecz także z uwagi na możliwość pokazania potencjalnym pracodawcom napisanej samodzielnie aplikacji.
Po ukończeniu szkolenia będziesz w stanie z wykorzystaniem zdobytej wiedzy tworzyć kolejne projekty, o innej tematyce. Przekonasz się, że używanie zewnętrznych bibliotek w Twoich projektach nie sprawia Ci żadnych trudności. Będziesz potrafił używać terminala (wiersza poleceń) do uruchomienia swojej lokalnej aplikacji React. Bez wysiłku stworzysz nowe projekty, gotowe do umieszczenia na serwerze. I — last but not least — poznasz dobre praktyki pisania aplikacji React.
JavaScript w połączeniu z biblioteką React ma potężną moc — wykorzystaj ją już dziś!
Tylko dla wtajemniczonych
Biblioteka React pozwoli Ci zbudować spójną, kompletną i ciekawą aplikację — po prostu podążaj za autorem kursu i zastosuj się do jego wskazówek. W niejednym Cię zaskoczy!
Czy wiesz, że repozytorium React ma ponad 108 000 gwiazdek na GitHubie?
Czy wiesz, że wiele statystyk wskazuje na to, że jest to obecnie najpopularniejszy framework JavaScript na świecie?
Czy wiesz, że odnoga React o nazwie React Native pozwala tworzyć aplikacje mobilne?
„Programuj i nigdy się nie poddawaj!”
Jakub Ciosłowski
O autorze
Jakub Ciosłowski — obecnie pracuje jako software architect w firmie Danfoss. Na co dzień pomaga usprawniać wytwarzanie oprogramowania w kontekście rozwiązań webowych. Profesjonalnie od ponad dekady zajmuje się programowaniem. Internet był jego pasją już w latach dziewięćdziesiątych ubiegłego wieku. W wolnych chwilach interesuje się programowaniem funkcyjnym oraz dźwiękiem. Lubi się uczyć.
Spis lekcji (odkodowane lekcje)
-
1. Wstęp 5:21
-
2. Przygotowanie środowiska pracy 18:56
-
3. Poznaj zawartość folderu projektu 10:31
-
4. Tworzymy podstawowe komponenty 31:17
- 4.1. Statyczny komponent aplikacji 3:33
- 4.2. Zagnieżdżanie komponentów 3:39
- 4.3. Props - wysyłamy dane do komponentów 2:53
- 4.4. PropTypes, czyli typy danych 2:44
- 4.5. Komponenty stanu 4:39
- 4.6. Generowanie komponentów, cz. 1. 3:51
- 4.7. Generowanie komponentów, cz. 2. 2:06
- 4.8. React DevTools 3:18
- 4.9. CSS aplikacji 4:34
-
5. Komponent edycji i dodawania wydarzenia 43:55
- 5.1. Komponent edycji wydarzenia HTML, cz. 1. 5:48
- 5.2. Komponent edycji wydarzenia HTML, cz. 2. 1:51
- 5.3. Przesyłanie funkcji do komponentów 3:59
- 5.4. Dodawanie wydarzenia - wprowadzenie 1:34
- 5.5. Dodawanie wydarzenia - odczytywanie wartości input 3:04
- 5.6. Dodawanie wydarzenia - wysyłanie obiektu 4:22
- 5.7. Dodawanie wydarzenia - proste nadpisanie stanu 2:27
- 5.8. Dodawanie wydarzenia - Object.assign 2:08
- 5.9. Dodawanie wydarzenia - Object.assign - implementacja 3:15
- 5.10. Dodawanie wydarzenia - uaktualniamy strukturę danych 2:06
- 5.11. Dodawanie wydarzenia - zapisywanie 4:41
- 5.12. Dodawanie wydarzenia - reset formularza 4:10
- 5.13. Dodawanie wydarzenia - unikatowe wartości key 4:30
-
6. Usuwanie wydarzenia 11:02
-
7. Walidacja 8:28
-
8. Edycja istniejącego wydarzenia 21:18
- 8.1. Edycja istniejącego wydarzenia - wstęp i HTML 1:20
- 8.2. Implementacja edycji wydarzenia 4:26
- 8.3. Edycja istniejącego wydarzenia - JS 3:23
- 8.4. Edycja istniejącego wydarzenia - klonowanie obiektów 3:37
- 8.5. Ulepszamy edycję - wstęp 1:12
- 8.6. Ulepszamy edycję - implementacja find i map 4:56
- 8.7. Ulepszamy edycję - dodawanie nowego wydarzenia 2:24
-
9. Ulepszanie formularza 33:12
- 9.1. Ulepszanie formularza - typ number 4:02
- 9.2. Ulepszanie formularza - PropTypes 4:41
- 9.3. Ulepszanie formularza - przesyłanie typu number z pola tekstowego 4:15
- 9.4. Ulepszanie formularza - walidacja nazwy 3:21
- 9.5. Ulepszanie formularza - walidacja godziny-minuty 3:15
- 9.6. Ulepszanie formularza - blokowanie przycisku OK 5:21
- 9.7. Ulepszanie formularza - CSS zablokowanego przycisku 1:40
- 9.8. Ulepszanie formularza - przycisk Cancel 4:49
- 9.9. Test usuwanie buga.mp4 1:48
-
10. Odliczanie czasu 34:29
- 10.1. Odliczanie czasu 2:03
- 10.2. Dodajemy obecny czas do stanu 2:12
- 10.3. Wysyłamy i walidujemy dane w komponencie 3:46
- 10.4. Konwersja czasu do sekund 3:01
- 10.5. Różnica czasu 3:05
- 10.6. Wyświetlamy różnicę czasu 2:15
- 10.7. Różnica czasu do formatu godzina-minuta-sekunda, cz. 1. 4:05
- 10.8. Różnica czasu do formatu godzina-minuta-sekunda, cz. 2. 2:39
- 10.9. Testowanie funkcji 5:32
- 10.10. Odliczanie czasu setInterval 5:51
-
11. Zapisywanie stanu w przeglądarce 8:27
-
12. Komponent overlay 14:09
-
13. Zakończenie 10:33
Szczegóły kursu
- Ilość lekcji:
- 79
- Czas trwania:
- 4:11:38
- Format:
- Zip
- Rok nagrania:
- 2018-10-05
- ISBN :
- 978-83-283-5127-1, 9788328351271
- Data wydania :
- 2018-10-05
- Numer z katalogu:
- 80936
- Do kursu dołączone są materiały dodatkowe, znajdziesz je w Twojej Bibliotece
- Uwagi do kursu
- Kategorie:
Web development » CSS
Web development » JavaScript


Oceny i opinie klientów (12)
(10)
(2)
(0)
(0)
(0)
(0)
6 oceniona przez: bez podpisu
6 oceniona przez: bez podpisu
6 oceniona przez: Michał
6 oceniona przez: bez podpisu
6 oceniona przez: Artur
6 oceniona przez: Marek
6 oceniona przez: bez podpisu
6 oceniona przez: bez podpisu
6 oceniona przez: Artur
6 oceniona przez: Wojciech Scisłowski
5 oceniona przez: bez podpisu
5 oceniona przez: bez podpisu
więcej opinii