- Autor:
- Długość
- liczba lekcji: 79, czas trwania: 04:11:38
- Ocena
Kurs video
React. Pierwsze kroki. Kurs video. Tworzenie praktycznej aplikacji Jakub Ciosłowski
- Autor:
- Jakub Ciosłowski
- Wydawnictwo:
- Videopoint
- Wersja:
- Online
- Czas trwania:
- 4 godz. 11 min.
- Technologia:
- Node 8.11, React 16.4, JavaScript ES6
- Ocena:
Spis lekcji kursu video
-
1. Wstęp 00:05:21
-
2. Przygotowanie środowiska pracy 00:18:56
-
3. Poznaj zawartość folderu projektu 00:10:31
-
4. Tworzymy podstawowe komponenty 00:31:17
- 4.1. Statyczny komponent aplikacji 00:03:33
- 4.2. Zagnieżdżanie komponentów 00:03:39
- 4.3. Props - wysyłamy dane do komponentów 00:02:53
- 4.4. PropTypes, czyli typy danych 00:02:44
- 4.5. Komponenty stanu 00:04:39
- 4.6. Generowanie komponentów, cz. 1. 00:03:51
- 4.7. Generowanie komponentów, cz. 2. 00:02:06
- 4.8. React DevTools 00:03:18
- 4.9. CSS aplikacji 00:04:34
-
5. Komponent edycji i dodawania wydarzenia 00:43:55
- 5.1. Komponent edycji wydarzenia HTML, cz. 1. 00:05:48
- 5.2. Komponent edycji wydarzenia HTML, cz. 2. 00:01:51
- 5.3. Przesyłanie funkcji do komponentów 00:03:59
- 5.4. Dodawanie wydarzenia - wprowadzenie 00:01:34
- 5.5. Dodawanie wydarzenia - odczytywanie wartości input 00:03:04
- 5.6. Dodawanie wydarzenia - wysyłanie obiektu 00:04:22
- 5.7. Dodawanie wydarzenia - proste nadpisanie stanu 00:02:27
- 5.8. Dodawanie wydarzenia - Object.assign 00:02:08
- 5.9. Dodawanie wydarzenia - Object.assign - implementacja 00:03:15
- 5.10. Dodawanie wydarzenia - uaktualniamy strukturę danych 00:02:06
- 5.11. Dodawanie wydarzenia - zapisywanie 00:04:41
- 5.12. Dodawanie wydarzenia - reset formularza 00:04:10
- 5.13. Dodawanie wydarzenia - unikatowe wartości key 00:04:30
-
6. Usuwanie wydarzenia 00:11:02
-
7. Walidacja 00:08:28
-
8. Edycja istniejącego wydarzenia 00:21:18
- 8.1. Edycja istniejącego wydarzenia - wstęp i HTML 00:01:20
- 8.2. Implementacja edycji wydarzenia 00:04:26
- 8.3. Edycja istniejącego wydarzenia - JS 00:03:23
- 8.4. Edycja istniejącego wydarzenia - klonowanie obiektów 00:03:37
- 8.5. Ulepszamy edycję - wstęp 00:01:12
- 8.6. Ulepszamy edycję - implementacja find i map 00:04:56
- 8.7. Ulepszamy edycję - dodawanie nowego wydarzenia 00:02:24
-
9. Ulepszanie formularza 00:33:12
- 9.1. Ulepszanie formularza - typ number 00:04:02
- 9.2. Ulepszanie formularza - PropTypes 00:04:41
- 9.3. Ulepszanie formularza - przesyłanie typu number z pola tekstowego 00:04:15
- 9.4. Ulepszanie formularza - walidacja nazwy 00:03:21
- 9.5. Ulepszanie formularza - walidacja godziny-minuty 00:03:15
- 9.6. Ulepszanie formularza - blokowanie przycisku OK 00:05:21
- 9.7. Ulepszanie formularza - CSS zablokowanego przycisku 00:01:40
- 9.8. Ulepszanie formularza - przycisk Cancel 00:04:49
- 9.9. Test usuwanie buga.mp4 00:01:48
-
10. Odliczanie czasu 00:34:29
- 10.1. Odliczanie czasu 00:02:03
- 10.2. Dodajemy obecny czas do stanu 00:02:12
- 10.3. Wysyłamy i walidujemy dane w komponencie 00:03:46
- 10.4. Konwersja czasu do sekund 00:03:01
- 10.5. Różnica czasu 00:03:05
- 10.6. Wyświetlamy różnicę czasu 00:02:15
- 10.7. Różnica czasu do formatu godzina-minuta-sekunda, cz. 1. 00:04:05
- 10.8. Różnica czasu do formatu godzina-minuta-sekunda, cz. 2. 00:02:39
- 10.9. Testowanie funkcji 00:05:32
- 10.10. Odliczanie czasu setInterval 00:05:51
-
11. Zapisywanie stanu w przeglądarce 00:08:27
-
12. Komponent overlay 00:14:09
-
13. Zakończenie 00:10:33
Opis
kursu video
:
React. Pierwsze kroki. Kurs video. Tworzenie praktycznej aplikacji
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
Wybrane bestsellery
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: React. Pierwsze kroki. Kurs video. Tworzenie praktycznej aplikacji Jakub Ciosłowski (13) 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.
(11)
(2)
(0)
(0)
(0)
(0)
więcej opinii
ukryj opinie