Kurs React od podstaw
Poznaj dobre praktyki tworzenia nowoczesnych aplikacji webowych z wykorzystaniem jednego z najlepszych frameworków front-endowych, jakim jest React!
Szczegóły, które warto znać
Opis szkolenia
Czego się nauczysz:
-
szybkiego tworzenie projektu z create-react-app
-
pracy z JSX – rozszerzeniem składni JavaScript
-
tworzenie widoków z wykorzystaniem komponentów
-
praktycznego użycia spread syntax i funkcji strzałkowych
-
zarządzania stanem aplikacji
-
różnego podejścia do stylowania aplikacji
-
kontroli typowania dzięki mechanizmowi PropTypes
-
komunikacji z serwerem za pomocą biblioteki Axios
Netflix, Facebook, Instagram czy PayPal, to tylko kilka przykładów firm, które wykorzystują Reacta. Możliwości tego frameworka doceniają jednak nie tylko korporacje, ale też mniejsze firmy. Zapotrzebowanie na programistów znających tę technologię jest więc olbrzymie, a ich miesięczne zarobki potrafią sięgać nawet 16 000 złotych. Jeżeli swoją karierę wiążesz z programowaniem, to inwestycja w naukę Reacta z pewnością będzie świetnym wyborem. Znajomość tej biblioteki przyda Ci się zarówno na etapie rozwijania umiejętności programistycznych, jak i w momencie, kiedy masz już pewien zasób wiedzy i po prostu chcesz poszerzyć zakres przydatnych narzędzi. Szkolenie, które dla ciebie przygotowałem krok po kroku pomoże Ci zdobyć praktyczną wiedzę na temat tworzenia nowoczesnego frontendu z wykorzystaniem React.js.

React krok po kroku
Zdobywanie wiedzy na temat React zaczniemy od absolutnych podstaw. Dowiesz się jak przygotować środowisko programistyczne, poznasz strukturę typowego projektu, zaznajomisz się ze składnią React, zrozumiesz czym są komponenty, widoki oraz do czego wykorzystać JSX - rozszerzenie JavaScript. Zapomnisz też o nudnym konfigurowania serwera hostującego pliki! Przy pomocy managera pakietów npm i create-react-app aplikacje reactowe będziesz mógł tworzyć już po dwuminutowej konfiguracji. I właśnie na tym skupimy się w kursie - na praktycznej nauce Reacta poprzez tworzenie aplikacji! W trakcie kursu stworzymy kilka projektów, co pozwoli Ci to lepiej zrozumieć poszczególne elementy Reacta w znacznie krótszym czasie.

Komponenty
Strony internetowe składają się z modułów (nagłówki, menu, stopka), często zawierających w sobie podobne lub powtarzające się elementy. React wykorzystuje tę sytuację stosując podejście komponentowe. Dzięki niemu będziesz mógł w wydajny sposób budować aplikacje niczym domek z klocków. W trakcie kursu zobaczysz jak tworzyć i wykorzystywać komponenty funkcyjne i dynamiczne. Dowiesz się, czym jest cykl życia komponentu oraz na praktycznym przykładzie formularza nauczysz się przechowywać i edytować ich stan. Pokażę Ci również jak pracować z danymi, czym jest warunkowe renderowanie zawartości oraz jak i do czego w React wykorzystuje się listy i klucze.
Nowoczesne podejście do stylowania
React udostępnia wiele sposobów stylowania elementów - w kursie poznasz te najbardziej popularne i efektywne. Dzięki temu sam będziesz mógł wybrać metodę, który najbardziej sprawdzi się w danej sytuacji. Dowiesz się, w jaki sposób implementować globalne style oraz poznasz inline styling, który pozwoli Ci nadawać style przy pomocy obiektów javascriptowych. Pokażę ci również styled-components, czyli bibliotekę utworzoną specjalnie do Reacta i wykorzystującą ideę komponentów. Zobaczysz również jak tworzyć zbiory styli z zasięgiem lokalnym dzięki CSS modules.

Komunikacja z HTTP
Aplikacje reactowe uruchamiają się w przeglądarce, wszystkie zmiany widoku, wykonują się natychmiast, bo obliczenia przerzucone są na komputer użytkownika. To bardzo wydajne podejście, które nie zmienia jednak tego, że aplikacje muszą komunikować się z serwerem i pobierać z niego konkretne informacje. W tym kursie pokażę Ci, jak wykorzystać do tego bibliotekę Axios. Zobaczysz jak komunikować się z serwerem REST-owy i wymieniać dane w formacie JSON. Wykorzystamy do tego metody HTTP takie jak: GET, POST, DELETE, PUT. Wszystkiego nauczysz się na przykładzie działającej aplikacji.
Co jeszcze powinieneś wiedzieć?
Kurs powstał w taki sposób, aby był jak najbardziej przystępny i nawet początkujący programiści mogli z niego komfortowo korzystać. Jedyne czego potrzebujesz aby zrozumieć przekazywaną przez mnie wiedzę, to podstawy HTML oraz CSS. Znajomość JavaScript nie jest wymagana, ale z pewnością przyspieszy przyswajanie umiejętności. Jeżeli nie zdobyłeś jeszcze wiedzy, z tych tematów możesz uzupełnić ją w dowolnym momencie dzięki naszym szkoleniom.
Program kursu
6 modułów · 53 lekcje
1 · Wprowadzenie
- Wstęp 00m 38s
- Jak korzystać z materiałów? 00m 58s
- Czym jest React? 05m 03s
- Przygotowanie środowiska programistycznego 07m 27s
- Struktura projektu 10m 33s
- Komponenty – podstawy 07m 24s
- JSX – podstawy 10m 13s
- Ograniczenia JSX 03m 48s
- Tworzenie komponentów funkcyjnych 10m 05s
- Tworzenie komponentów dynamicznych 13m 17s
2 · State - przechowywanie stanu komponentu
- State – przygotowanie formularza 07m 46s
- State – podstawy 07m 01s
- Edycja state przy pomocy eventów 10m 06s
- Obsługiwane eventy 03m 42s
- State w komponentach funkcyjnych 13m 56s
- Edycja state z innego komponentu 03m 11s
3 · Warunki i listy
- Warunkowe renderowanie zawartości 11m 21s
- Warunkowe renderowanie w kodzie JavaScript 03m 50s
- Wyświetlanie list 06m 19s
- Listy i edycja state 08m 27s
- Prawidłowa edycja state 05m 04s
- Listy i klucze 05m 28s
4 · Metody stylowania
- Podstawy stylowania 05m 37s
- Inline styles 06m 22s
- Dynamiczne przypisywanie stylów 04m 56s
- Dynamiczne style className 09m 18s
- Radium 08m 12s
- Radium i Media Queries 07m 13s
- Styled components 09m 49s
- Styled Components – szczegóły 08m 43s
- Styled Components – dynamiczne style 05m 34s
- CSS Modules 07m 18s
- CSS Modules – dynamiczne style i Media Queries 09m 19s
5 · Komponenty klasowe i funkcyjne
- Poprawa struktury projektu 16m 08s
- Cykl życia komponentu klasowego 09m 36s
- Cykl życia komponentu - aktualizacja (props) 13m 06s
- Cykl życia komponentu - aktualizacja (state) 03m 14s
- useEffect() 06m 26s
- Sterowanie działaniem useEffect() 06m 33s
- Optymalizacja przy pomocy shouldComponentUpdate() 11m 09s
- Optymalizacja komponentów funkcyjnych - React.memo() 03m 43s
- Komponent Auxiliary 11m 28s
- Asynchroniczność setState() 08m 06s
- PropTypes 10m 35s
6 · React i HTTP
- Przygotowanie projektu 12m 37s
- Biblioteka Axios - instalacja 03m 01s
- Żądanie GET 07m 48s
- Renderowanie danych z GET 04m 37s
- Wyświetlanie danych 18m 52s
- Zapis danych przy pomocy żądania POST 07m 57s
- Usuwanie danych przy pomocy żądania DELETE 04m 31s
- Aktualizowanie danych przy pomocy żądania PUT 05m 10s
- Podsumowanie kursu 01m 41s
Twój instruktor
Szymon Sołtys
Java Developer
Opinie kursantów
„Chyba najlepiej przygotowany kurs jaki miałem przyjemność przerabiać. Gorąco polecam."
„Przyznam, że długo szukałam wartościowego kursu o react.js, większość materiału dostępnego w internecie po prostu się nie nadaje. Pan Szymon świetnie tłumaczy. Czekam na kurs średniozaawansowany! Polecam wszystkim :)"
„Szukałem po polsku kompletnego kursu z programowania w React.js i znalazłem to. Jestem zadowolony, bo dzięki temu mogę budować aplikacje, jakie mnie interesują, zwłaszcza złożone projekty.
Wiedziałem, ze kurs z Reacta będzie kwestią czasu, kiedy się tutaj pojawi. Polecam wszystkim chcącym tworzyć aplikacje internetowe !!!!"
Czytaj więcej
Zwiń
„Miałem już jako takie pojęcie od podstawach Reacta, a ten kurs pomógł mi ugruntować wiedzę. Czekam na kolejną część traktującą też o animacjach czy Reduxie, bo tego mi tutaj zabrakło - ale to pewnie ze względu na poziom podstawowy."
„Dobrze wprowadza w temat"
„Świetne wprowadzenie do Reacta. Omówienie podstaw technologii krok po kroku."
„Kurs dotyczący Reacta to pozycja dla każdego, kto chce poznać jeden z najpopularniejszych frameworków JavaScript. Kurs prowadzi przez wszystkie kluczowe zagadnienia, od podstawowych komponentów po zaawansowane techniki. Dzięki praktycznym projektom kurs pozwala na szybkie opanowanie Reacta i rozpoczęcie budowania dynamicznych aplikacji webowych."
Czytaj więcej
Zwiń
„Cały kurs"
„Polecam"
„Dzięki prowadzącemu ogarnąłem co to jest React i jak się zabrać za pisanie stron w tym języku. Świetny kurs! "
Najczęściej zadawane pytania
Jak wygląda uczestnictwo w kursie online?
Kursy online w strefakursów.pl to kompletne pakiety materiałów wideo przygotowane przez zespół naszych specjalistów. Po zakupie otrzymujesz natychmiastowy dostęp do wszystkich lekcji, testów i materiałów dodatkowych na swoim koncie - możesz zacząć się uczyć od razu, bez czekania. Konto jest bezpłatne i możesz założyć je w dowolnym momencie lub w trakcie dokonywania pierwszego zakupu w serwisie strefakursów.pl. Materiały, do których otrzymasz dostęp, pozwolą Ci rozwinąć się zawodowo i podnieść swoje kwalifikacje. Każdy kurs przepełniony jest praktyczną wiedzą, która ułatwi Ci osiągnięcie wymarzonych życiowych celów. Zdobytą wiedzę i postępy możesz w łatwy sposób zweryfikować za pomocą licznych testów i ćwiczeń dołączonych do każdego kursu.
Czy otrzymam certyfikat ukończenia kursu?
Do każdego ukończonego przez Ciebie kursu wystawiamy imienny certyfikat w formacie PDF - będzie on dostępny na Twoim koncie w zakładce Certyfikaty. Warunkiem jego otrzymania jest zaliczenie testów dołączonych do kursu oraz obejrzenie wszystkich lekcji. Na certyfikacie znajduje się Twoje imię oraz nazwisko, nazwa ukończonego kursu, data wystawienia i unikalny numer certyfikatu. Certyfikat możesz wydrukować lub opublikować w Internecie za pośrednictwem specjalnego odnośnika np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV. Pamiętaj, że certyfikatów nie wysyłamy w formie papierowej.
Czy otrzymam fakturę VAT za zamówienie?
Tak, do każdego zamówienia wystawiamy fakturę VAT (23%) lub paragon - w zależności od danych podanych przy zakupie. Pobierzesz ją z zakładki Historia zamówień na swoim koncie. Powiadomimy Cię mailowo, gdy dokument będzie gotowy.
Potrzebujesz proformy? Zaznacz pole "Chcę otrzymać dokument proforma" przy składaniu zamówienia lub napisz: biuro@strefakursow.pl
Zakup w aplikacji mobilnej? Jeśli kupujesz przez App Store lub Google Play, sprzedawcą jest odpowiednio Apple lub Google. Fakturę otrzymasz od nich zgodnie z ich zasadami:
Możesz również pobrać dokument przez stronę Apple. Przejdź pod ten adres: https://reportaproblem.apple.com/, następnie zaloguj się swoim Apple ID, znajdź zakup na liście i kliknij, aby zobaczyć szczegóły i ewentualnie pobrać dokument. Apple zwykle wystawia fakturę jako dostawca usług cyfrowych. Jeśli potrzebujesz faktury VAT, możesz skontaktować się z pomocą techniczną Apple, aby uzyskać dodatkowe informacje na temat zgodności faktury z przepisami w Twoim kraju.
Zakup w Google Play(Android)
Gdy dokonujesz zakupu w aplikacji strefakursów.pl na Android za pośrednictwem Google Pay sprzedawcą jest Google. Fakturę lub dokument zakupu znajdziesz zgodnie z poniższą instrukcją:
- Otwórz aplikację Google Play.
- Kliknij ikonę swojego profilu w prawym górnym rogu.
- Wybierz Płatności i subskrypcje > Historia zakupów.
- Znajdź interesujący Cię zakup i kliknij na niego, aby zobaczyć szczegóły. Jeśli chcesz pobrać fakturę, kliknij przycisk Faktura (jeśli jest dostępny).
Możesz również znaleźć fakturę na stronie Google Pay. Przejdź pod ten adres: pay.google.com i zaloguj się na swoje konto Google, z którego dokonano zakupu. W sekcji Aktywność znajdziesz wszystkie transakcje dokonane w Google Play. Kliknij daną transakcję, aby zobaczyć szczegóły i pobrać fakturę.
Ile mam czasu na przerobienie materiałów?
Tyle, ile potrzebujesz! Uczysz się we własnym tempie - bez presji i bez abonamentu. Płacisz raz i zachowujesz dostęp do zakupionego kursu na swoim koncie bez z góry określonej daty końcowej. Przez pierwsze 12 miesięcy od zakupu dbamy o aktualność materiałów i zapewniamy pełną dostępność testów oraz certyfikatu. Później kurs nadal pozostaje na Twoim koncie - wracasz do lekcji, kiedy masz ochotę. Szczegółowe zasady dostępu znajdziesz w regulaminie.
Powiązane tematy

