React – kurs kompletny
Po wielu tygodniach pracy i nagrywania, w końcu jest! Kurs reacta w jego najnowszej odsłonie (v.17).
W ten projekt włożyłem sporo serca. Sporo się przy nim też sam nauczyłem. Od dawna twierdzę, że robienie kursu to jeden z lepszych sposobów na naukę / usystematyzowanie wiedzy. Wciąż to podtrzymuję.
Kurs składa się z ponad 130 lekcji i zawiera ponad 15 godzin materiału. Prowadzony tak, aby stopniowo wdrażać w świat najpopularniejszej biblioteki JavaScript.
Dla kogo jest ten kurs
Nieważne czy pracowałeś z Reactem, czy to Twój początek. Kurs kompleksowo omawia wszystkie zagadnienia od podstaw po rzeczy zaawansowane. Tak więc, kurs ten jest tak naprawdę dla osób początkujących, oraz mających już styczność z Reactem. Jedyny wymóg to podstawowa znajomość JavaScript, HTML i CSS.
Powtórzę: to nie jest kurs typu „podstawy”, gdzie po skończeniu musisz kupić drugi „dla zaawansanych”. W 15 godzinach znajdziesz wszystko, pod podstaw po rzeczy zaawansowane.
Gratis
Do kursu gratisowo otrzymasz ściągi PDF z ważniejszymi elementami Reacta. Dodatkowo co kilka odcinków możesz pobrać aktualny kod , tak abyś mógł zacząć w dowolnym momencie!
Zawartość kursu
- czym jest React, historia, porównanie, zastosowanie
- komponenty klasowe i funkcyjne
- zarządzanie stanem aplikacji
- rejestracja, logowanie, autentykacja
- stylowanie aplikacji
- zapisywanie i odczytywanie danych z bazy danych
- łączenie z backendem
- hooki, pisanie własnych hooków
- tworzenie i walidacja formularzy
- routing – strony, podstrony, zarządzanie ruchem
- testowanie i debugowanie aplikacji
- redux
- deploy, wysyłanie plików na hosting
- … i wiele więcej
Pełny opis i darmowe lekcje znajdziesz wchodząc na opis kursu (link poniżej).
Kurs zawiera aktualizacje 2022 z wersją Reacta 18.
Link do kursu: React – kurs kompletny.
O kursie opowiadam też na YouTubie:
Kurs w jeszcze lepszej cenie był dla listy subskrybentów, więc jeżeli chcesz się załapać na kolejną promocję, zapisz się na listę.
Projekt „Notatki” – baza danych (MongoDB)
Drugi odcinek z serii projekt praktyczny „Notatki”. Jest to projekt praktyczny oparty na Node + React + MongoDB.
W dzisiejszym odcinku podpinamy bazę danych (MongoDB).
Dosyć kompleksowo buduję małą aplikację. Tworzę zarówno backend, który łączy się z bazą danych MongoDB. Następnie przez API komunikuje się z frontem zbudowanym na React.js.
Całość pokazuje jak może wyglądać taki projekt, układ plików, konfiguracja, czy jak w ogóle zabrać się do tworzenia full stackowej aplikacji.
Starałem się pokazywać dobre nawyki i sposoby na organizacje kodu 🙂
Poprzednie odcinki:
odc. 1
Nowa miniseria Node + React + MongoDB
Po długiej przerwie, odświeżam YouTuba:) Jako wstęp, przygotowałęm nową miniserie na YouTubie. Jest to projekt praktyczny oparty na Node + React + MongoDB.
Seria składa się z 8 odcinków a pierwszy z nich znajdziesz tutaj:
Dosyć kompleksowo buduję małą aplikację. Tworzę zarówno backend, który łączy się z bazą danych MongoDB. Następnie przez API komunikuje się z frontem zbudowanym na React.js.
Całość pokazuje jak może wyglądać taki projekt, układ plików, konfiguracja, czy jak w ogóle zabrać się do tworzenia full stackowej aplikacji.
Starałem się pokazywać dobre nawyki i sposoby na organizacje kodu 🙂
async, await – czyli lepsze promisy
Skoro był temat callbacków i promisów to nie mogło zabraknąć async/await!
Async / await [wideo]
Promise – to tylko dziwne callbacki? Prosto o Promise()
Promise – to tylko dziwne callbacki? Prosto o Promise() [ wideo]
Po co są callbacki i jak ich używać?
Po co są callbacki i jak ich używać? [wideo]
Jak wysłać własny moduł na NPM
W poprzednim wpisie (Moduły w Node.js czyli require(), module.exports oraz node_modules) przerabialiśmy czym są moduły w Node.js oraz jak je tworzyć. Dzisiaj czas wysłać własny moduł na NPM!
Własny moduł na NPM [wideo]
Moduły w Node.js czyli require(), module.exports oraz node_modules
Ostatni odcinek był o import/export, czyli modułach w ES6. Dzisiaj zajmujemy się modułami w Node.js czyli require oraz module.exports.
Co prawda ten odcinek miał pojawić się dopiero w czwartek, ale algorytm coś pomieszał i pojawił się dzisiaj w nocy 😃
W takim razie zapraszam na kontynuację import/export po stronie Noda!
Moduły w Node.js czyli require(), module.exports oraz node_modules [wideo]
Import, export – jak w JS podzielić projekt na wiele plików
Import, export – jak w JS podzielić projekt na wiele plików [wideo]
Jak działa asynchroniczność w JavaScript
Asynchroniczność w JavaScripcie może być trochę myląca, ponieważ język JavaScript nie jest asynchroniczny …sam w sobie. Dopiero w połączeniu z przeglądarką lub node.js robi się asynchroniczny. Z racji, że inaczej nie możemy go użyć uznajemy w uproszczeniu JS za język asynchroniczny.
O tym jak to wszystko dokładnie działa opowiadam w dzisiejszym odcinku.