ODBIERZ TWÓJ BONUS :: »

React. Pierwsze kroki. Kurs video. Tworzenie praktycznej aplikacji

Podstawowe informacje:
Czas trwania: 04:11:38
Poziom: podstawowy
Autor: Jakub Ciosłowski
Liczba lekcji: 79
Technologia: Node 8.11, React 16.4, JavaScript ES6
Dla firm
Rozwiń umiejętności swoich pracowników dzięki kursom video
Dowiedz się więcej
  • Monitorowanie postępów pracowników. Przejrzyste raporty i imienne certyfikaty ukończenia kursów
  • Atrakcyjne rabaty dla zespołów. Im więcej pracowników liczy zespół, tym większy uzyskasz rabat
  • Doradztwo w wyborze tematyki szkoleń. Mamy setki kursów, dostosujemy program nauczania pod Twój zespół
Indywidualnie
62,30 zł 89,00 zł (-30%)
24,90 zł najniższa cena z 30 dni Dodaj do koszyka
Korzyści:
  • Certyfikat ukończenia
  • Materiały dodatkowe do kursu
  • Test online
  • Dożywotni dostęp
  • Dostęp w aplikacji (także offline)
  • Napisy w języku polskim
Ścieżki rozwoju w ebookpoint.pl

Czego się nauczysz?

  • Przygotowywania środowiska pracy z użyciem Create React App i wiersza poleceń
  • Tworzenia komponentów aplikacji (komponentów klasowych i funkcyjnych)
  • Nadawania stylów komponentom z użyciem CSS
  • Zarządzania stanem aplikacji i obsługiwania danych (dodawanie, edytowanie, zapisywanie)
  • Budowania i walidowania formularzy oraz obsługiwania danych użytkownika
  • Zapisywania danych w pamięci przeglądarki i korzystania z wersji deweloperskiej projektu
  • Tworzenia produkcyjnej wersji aplikacji gotowej do umieszczenia na serwerze
  • Pisania funkcji pomocniczych i testów jednostkowych
  • Organizowania struktury projektu React i stosowania dobrych praktyk programistycznych

Spis lekcji

1. Wstęp 00:05:21
1.1. Wprowadzenie
00:01:13
1.2. Demo
OGLĄDAJ » 00:01:01
1.3. O mnie
00:00:28
1.4. Pobieranie projektu
00:02:39
2. Przygotowanie środowiska pracy 00:18:56
2.1. Przygotowanie środowiska
00:04:17
2.2. Przygotowanie środowiska terminal
00:02:57
2.3. Create React App, cz. 1.
00:03:17
2.4. Create React App, cz. 2.
00:02:56
2.5. Serwer lokalny
00:02:12
2.6. ES6
00:03:17
3. Poznaj zawartość folderu projektu 00:10:31
3.1. Co znajdziemy w src?
00:03:06
3.2. JSX - co to jest?
00:01:20
3.3. Tworzenie pierwszego komponentu
00:03:39
3.4. Upraszczanie struktury
00:02:26
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.
OGLĄDAJ » 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
6.1. Usuwanie wydarzenia filter HTML
00:05:00
6.2. Usuwanie wydarzenia filter
00:04:46
6.3. Usuwanie wydarzenia filter - jak działa?
00:01:16
7. Walidacja 00:08:28
7.1. Walidacja hour-minute - wstęp
00:02:45
7.2. Walidacja hour-minute - pusta funkcja
00:02:23
7.3. Walidacja hour-minute - zasada działania walidacji
00:02:02
7.4. Walidacja hour-minute - implementacja funkcji
00:01:18
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
11.1. Zapisywanie danych
00:05:13
11.2. Odczytywanie danych
00:03:14
12. Komponent overlay 00:14:09
12.1. Overlay - HTML
00:02:40
12.2. Overlay - CSS
00:04:37
12.3. Overlay - JS
00:02:41
12.4. Overlay - Children
00:04:11
13. Zakończenie 00:10:33
13.1. Build projektu
00:04:09
13.2. Podsumowanie
00:02:53
13.3. Perspektywy
00:02:39
13.4. Kolejne kroki
00:00:52

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

O autorze kursu video

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ć.

Oceny i opinie klientów: React. Pierwsze kroki. Kurs video. Tworzenie praktycznej aplikacji Jakub Ciosłowski (13)

Informacja o opiniach
Weryfikacja opinii następuje na podstawie historii zamowień na koncie Użytkownika umiejszczającego opinię. Użytkownik mógł otrzymać punkty za opublikowanie opinii uprawniającej do uzyskania rabatu w ramach Programu Kadr.
5.8
  • 6 (11)
  • 5 (2)
  • 4 (0)
  • 3 (0)
  • 2 (0)
  • 1 (0)
  • Ok

    Opinia: anonimowa Opinia dodana: 2024-07-29 Ocena: 6   
    Opinia niepotwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
  • Genialny kurs. Nie spotkałem się z lepszym wprowadzeniem do Reacta w kilka godzin, tak jak zrobił to autor.

    Opinia: Artur Opinia dodana: 2020-11-29 Ocena: 6   
    Opinia potwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
  • Super! Polecam

    Opinia: anonimowa Opinia dodana: 2020-07-27 Ocena: 6   
    Opinia potwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
  • jak za 30 zł to spoko :D

    Opinia: Michał Opinia dodana: 2020-07-10 Ocena: 6   
    Opinia potwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
  • spoko warto

    Opinia: Marek Opinia dodana: 2019-09-18 Ocena: 6   
    Opinia potwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
  • Świetny kurs! :)

    Opinia: anonimowa Opinia dodana: 2019-08-14 Ocena: 6   
    Opinia potwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
  • Świetny kurs! :)

    Opinia: anonimowa Opinia dodana: 2019-08-14 Ocena: 6   
    Opinia potwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
  • Bardzo dobry kurs. Pomocny zwłaszcza dla osób chcących tworzyć bardziej profesjonalne strony niż tylko oparte na HTML, CSS, podstawach JavaScript. Łatwiej wejść na wyższy poziom programowania tworząc przykładowy projekt z tego kursu. W razie błędów mamy tu kod źródłowy.

    Opinia: Artur Opinia dodana: 2019-08-01 Ocena: 6   
    Opinia potwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
  • Gdyby gwiazdek było 10 - dałbym bez wahania. To jeden z najlepiej przygotowanych kursów, jaki u was kupiłem. Powinien być kursem wzorcowym dla innych twórców. Zarówno pod względem merytorycznym, jak i technicznym. Czasami nabyłem u was kursu dobre merytorycznie, ale słabe techniczne. Tu jest inaczej. Wystawiam najwyższą notę i czekam na kolejne kursy tego autora.

    Rozwiń »
    Opinia: Wojciech Scisłowski Opinia dodana: 2018-11-05 Ocena: 6   
    Opinia potwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
  • Świetne wprowadzenie do tematu. Kurs bardzo dobry na początek pracy z Reactem. Autor tłumaczy zagadnienia prostym językiem, aplikacja którą tworzymy jest dostosowana do nabywanych umiejętności. Wszystko zostało przemyślane i całość ma pozytywny odbiór!

    Opinia: anonimowa Opinia dodana: 2018-10-19 Ocena: 6   
    Opinia niepotwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
  • spoko

    Opinia: anonimowa Opinia dodana: 2018-10-17 Ocena: 6   
    Opinia niepotwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
  • React Is a Library, Not a Framework. - to odnośnie 1wszego rozdziału. Poza tym fajnie :) Dobre temo, to the point...

    Opinia: anonimowa Opinia dodana: 2019-10-18 Ocena: 5   
    Opinia potwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
  • Kurs został przemyślany. Aplikacja, która jest tworzona w trakcie kursu odpowiada podstawowym zagadnieniom omawianym w trakcie szkolenia. Kurs jest ciekawy, daje solidne podstawy do dalszej pracy. Nie mam zastrzeżeń.

    Opinia: anonimowa Opinia dodana: 2018-11-06 Ocena: 5   
    Opinia niepotwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
więcej opinii »

Szczegóły kursu

Dane producenta » Dane producenta:

Helion SA
ul. Kościuszki 1C
41-100 Gliwice
e-mail: gpsr@helion.pl
Format: Online
Data aktualizacji: 2018-10-05
ISBN: 978-83-283-5127-1, 9788328351271
Numer z katalogu: 80936

Videopoint - inne kursy

Kurs video
62,30 zł
Dodaj do koszyka
Sposób płatności