- Autor:
- Długość
- liczba lekcji: 79, czas trwania: 4:11:38
- Ocena
Kurs video
React. Pierwsze kroki. Kurs video. Tworzenie praktycznej aplikacji
- Wydawnictwo:
- Videopoint
- Wersja:
- Online
- Czas trwania:
- 4:11:38
- Technologia:
- Node 8.11, React 16.4, JavaScript ES6
- Ocena:
Spis lekcji kursu video
-
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
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 książki
Dzieki 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[at]helion.pl.
Książka, którą chcesz zamówić pochodzi z końcówki nakładu. Oznacza to, że mogą się pojawić drobne defekty (otarcia, rysy, zagięcia).
Co powinieneś wiedzieć o usłudze "Końcówka nakładu":
- usługa obejmuje tylko książki oznaczone tagiem "Końcówka nakładu";
- wady o których mowa powyżej nie podlegają reklamacji;
Masz pytanie o konkretny tytuł? Napisz do nas: sklep[at]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