Opis
Poznaj od podstaw bibliotekę react-router – jedną z najpopularniejszych tego typu bibliotek dla Reacta!
Ucz się na praktycznych przykładach, porównuj swoje rozwiązania z moimi dzięki klipom wideo, łatwo utrwalaj wiedzę dzięki teorii w formie tekstowej!
Dlaczego warto kupić ten kurs?
- Kupując kurs „Podstawy react-router – kurs on-line” dostajesz dostęp do indywidualnego konta użytkownika, na którym znajdziesz wszystkie lekcje należące do tego szkolenia!
- Dostęp do lekcji dostajesz na czas nieokreślony (conajmniej tak długo jak długo istnieć będzie mój blog lub ta platforma). Raz zakupiony kurs zostaje na zawsze przypisany do Twojego konta.
- Będziesz miał również dostęp do ewentualnych aktualizacji jakie mogą w przyszłości być wprowadzane do kursu (na przykład gdy pojawi się nowa wersja react-router, wprowadzająca wiele „łamiących” zmian). O większych aktualizacjach będziesz powiadamiany drogą mailową.
- Ostateczna wartość tego szkolenia to 59zł, więc nie jest ona wygórowana.
W jakiej formie prowadzony jest kurs „Podstawy react-router”?
- Szkolenie składa się w większości z lekcji w formie tekstowej.
- Lekcje przeplatane są ćwiczeniami praktycznymi, które wykonujesz w ramach specjalnie do tego celu przygotowanego projektu dostępnego na GitHubie.
- Do każdego z ćwiczeń dołączony jest także klip wideo, w którym pokazuję prawidłowe rozwiązanie danego problemu, wraz z odpowiednim komentarzem.
Zdecydowałem się na właśnie taką formę szkolenia, ponieważ uważam, że ma ona więcej zalet niż klasyczne szkolenia realizowane w całości w postaci samych tylko klipów wideo:
- W poznawaniu tajników programowania najważniejsza jest praktyka, a tę zapewnią zadania praktyczne
- Rozwiązania zadań w formie klipów wideo pozwolą Ci dokładnie zobaczyć jakie kroki podejmuję w celu rozwiązania danego problemu
- Teoria związana z daną lekcją w formie tekstowej pozwala na dużo łatwiejszy powrót do wcześniej przerobionego materiału w przyszłości
Uważam, że tego rodzaju podejście do szkolenia online znacznie lepiej sprzyja samodzielnej nauce programowania!
Jaki jest zakres materiału zawarty w ramach kursu „Podstawy react-router”?
Jeśli przerobisz wszystkie lekcje kursu, zapoznasz się z takimi zagadnieniami jak, m.in.:
- konfiguracja routingu
- praca z parametrami URL
- przekierowania
- prywatne ścieżki (autoryzacja)
- „customizacja” linków
Ogólnie wszystko co trzeba wiedzieć na temat biblioteki react-router by z powodzeniem z niej korzystać!
Uwaga! Szkolenie wymaga podstawowej znajomości React! Jeśli jeszcze go nie znasz, zachęcam do zakupu mojego szkolenia: Podstawy React – kurs on-line!
Jaka jest struktura kursu?
Poniżej przedstawiam strukturę kursu wraz z krótkim opisem:
- Lekcja #1: Podstawy routingu – co to jest routing (statyczny i dynamiczny), główny komponent aplikacji, konfiguracja routingu w react-router (v4)
- Zadania #1: Konfiguracja pierwszej ścieżki – jedno zadanie, w którym skonfigurujesz pierwszą ścieżkę aplikacji
- Lekcja #2: Parametry oraz komponent Link – atrybut
exact
, przekazywanie parametrów w adresie, komponentLink
- Zadania #2: Parametry i renderowanie „inline” – dwa zadania, w których dodasz dwie nowe podstrony i skonfigurujesz dla nich routing
- Lekcja #3: Sidebar – jak łatwo, dzięki routingowi dynamicznemu, stworzyć część wspólną layoutu z nawigacją; dowiesz się też czym jest komponent
NavLink
- Zadania #3: Sidebar oraz komponent NavLink – jedno zadanie, w którym wykorzystasz wiedzę z poprzedniej lekcji
- Lekcja #4: Komponent Switch – wszystko na temat komponentu
Switch
- Zadania #4: Obsługa błędu 404 – jedno zadanie, w którym wykorzystasz komponent
Switch
do obsługi błędów 404 - Lekcja #5: Zagnieżdżanie ścieżek – jak zagnieżdżać ścieżki w routingu dynamicznym
- Zadania #5: Szczegóły „inline” – jedno zadanie, w którym za pomocą zagnieżdżania ścieżek wyświetlisz stronę szczegółów
- Lekcja #6: Przekierowania (komponent Redirect) – jak za pomocą komponent
Redirect
realizować przekierowania - Zadania #6: Autoryzacja – jedno zadanie, w którym dzięki komponentowi
Redirect
zaimplementujesz prywatną ścieżkę, dostępną dopiero po zalogowaniu
Dlaczego miałbyś kupić ode mnie szkolenie?
Doskonale rozumiem, że wydatek 59zł za szkolenie jakiegoś gościa z internetu może się wydawać szalonym pomysłem. Wydaje mi się jednak, że nie jestem już osobą całkiem anonimową i pewną opinię na mój temat, jako autora szkolenia, można sobie wyrobić.
Niezależnie czy trafiłeś tutaj z wyszukiwarki Google czy z innego źródła, przed podjęciem decyzji zachęcam do zapoznania się z moim blogiem – Na Frontendzie, na którym od dawna przedstawiam swoją wiedzę na temat ekosystemu React, w tym Reduxa!
Myślę, że aby wyrobić sobie zdanie na temat tego jak i co piszę, warto zapoznać się z niektórymi z moich postów dotyczących react-router oraz ogólnie React:
- React Router w wersji 4
- Autoryzacja React Router na bazie ról użytkownika
- Podstawy React – kompletny tutorial
Zresztą w tym temacie jest na moim blogu cała kategoria wpisów. Jeśli chcesz wiedzieć jeszcze więcej na mój temat – zachęcam też do zajrzenia na stronę O Mnie!
Wydaje mi się, że powyższe daje Ci pewien obraz tego ile wiem na temat tego zagadnienia i w jaki sposób potrafię tę wiedzę przekazywać.
Niniejsze szkolenie stanowi natomiast zebranie całej tej mojej, trochę porozrzucanej, wiedzy w sztywne ramy kursu. Jest też formą zdecydowanie bardziej dopracowaną niż wpisy na blogu, a także wzbogaconą o formę wideo!
Mam więc nadzieję, że dzięki temu jako autor kursu jestem dla Ciebie na tyle wiarygodny, że zdecydujesz się mi zaufać kupując niniejszy kurs!
Gwarancja zadowolenia albo zwrot pieniędzy!
Jestem przekonany, że będziesz zadowolony(a) – dokładam wszelkich starań aby tak się stało!
Aby jednak zapewnić Ci większe poczucie komfortu przy zakupie daję Ci, 30 dni na zapoznanie się z moim produktem. Jeśli w tym czasie stwierdzisz, że kurs ten nie jest wart wydanych na niego pieniędzy – zwrócę Ci pieniądze!
Uwaga! Jeśli kupiłeś kurs w przedsprzedaży, okres 30 dniowej gwarancji liczy się od dnia premiery kursu (1 sierpnia 2017)!
Wymagania i kwestie techniczne
Do korzystania z kursu wymagana jest w miarę dobra znajomość JavaScript (znajomość HTML też będzie przydatna) – w przykładach i zadaniach używana jest składnia ES6 ale staram się na bierząco ją wyjaśniać. Oprócz tego trzeba będzie zainstalować Git i przyda się jego podstawowa znajomość – do pracy z ćwiczeniami trzeba sklonować repozytorium, a następnie trzeba będzie się przełączać pomiędzy branchami (wszystko wyjaśniam na początku kursu). Ponadto w ćwiczeniach wykorzystywany jest też npm/yarn, który trzeba mieć zainstalowany (nie trzeba mieć na ten temat szerokiej wiedzy).
Podczas procesu pierwszego zakupu kursu w sklepie utworzone zostanie Twoje indywidualne konto użytkownika (będziesz musiał utworzyć hasło).
Po otrzymaniu potwierdzenia zakupu, kurs pojawi się na Twoim koncie w sklepie, w zakładce Moje kursy.
59,00 złCzytaj dalej