Gatsby.js: Lekcja powitalna

2.19.12+

0:00Cześć tu roman witaj w kursie o gatsby js technologii

0:04w której siedzę już od dłuższego czasu i szczerze ci powiem że jest to jedna z najbardziej fascynujących

0:08technologi frontendowych którą można sobie wybrać żeby się w niej

0:12rozwijać jest to taka ciekawa fuzja najlepszych

0:16narzędzi do tworzenia frontendu z react który też jest frameworkiem

0:20najpopularniejszym obecnie na świecie i znanie go jest właściwie

0:25jest wymogiem niemal dla każdego frontendowca dlatego uważam

0:29że gatsby jest świetnym wyborem jeśli chodzi o tworzenie współczesnych

0:34stron i aplikacji w tym kursie chcę ci pokazać jak to wszystko zrobić i

0:38szczerze mówiąc ja gatsbiego nie zamieniłbym na nic innego w tej chwili jest

0:43to technologia którą wybieram niemal zawsze do większości projektów ponieważ

0:47jest taka elastyczny tak wygodny i tak szybki w działaniu więc zapraszam

0:51cię do tego kursu mam nadzieję że będzie on dla ciebie inspiracją

0:57do tworzenia naprawdę ciekawych stron i aplikacji chcęci tylko powiedzieć w

1:02czym na przykład wykorzystano gatsby w jakich projektach ponieważ jest on bardzo szeroko

1:06wykorzystywany na świecie i jednym z takich przykładów które praktycznie leżą pierwsze

1:10z brzegu jest strona react może cię

1:16to zaskoczyć ale właśnie strona główna react js jest właśnie stworzony w

1:20gatsby a nie w react jak można by było myśleć więc jest to najlepszy

1:24dowód na to że samo środowisko react docenia to jak dobry

1:28jest gatsby skoro wykorzystali go do swojej strony głównej mamy

1:32też na przykład state of javascript stronę ze statystykami dotyczącymi

1:36naszego ulubionego języka programowania stworzoną przez ekipę ze stack overflow jest

1:41to dość skomplikowana strona z mnóstwem wizualizacji danych i to również tutaj

1:45gatsby spełnił swoją rolę ponieważ strona nie dość że jest szybka jest interaktywna

1:50i jest ciekawa jest ładna to dodatkowo jeszcze właśnie fakt że jest tutaj

1:54pod skórą tak naprawdę zaszyty react spowodowało to że ta

1:58reprezentacja danych była pewnie dość prosta do zrealizowania ponieważ

2:02react obfituje w różne komponenty które można wykorzystywać także w

2:06gatsby ale o tym trochę później kolejną stronę która też jest dosyć znana

2:10zwłaszcza deweloperom to jest na przykład strona główna rollbar jednego z najczęściej wykorzystywanych

2:16narzędzi przy tworzeniu dużych aplikacji więc skoro tego

2:20typu firmy tego typu strony korzystają z gatsby to jest to

2:24najlepszy dowód na to że jest to sprawdzona technologia której warto zaufać ja też

2:28sam ostatnio tworzyłem w stronę główną firmy w której pracuje i

2:32też wykorzystaliśmy do tego gatsbiego wykorzystaliśmy gsap czyli bibliotekę

2:36do animacji i to wszystko razem ze sobą naprawdę świetnie zagrało więc ja

2:41osobiście też gwarantuję że gatsby jest technologią którą warto

2:45używać we współczesnym frontendzie jeszcze tylko takie krótkie

2:49słowo wstępu co to wiedzieć co właściwie należy wiedzieć żeby

2:53ten kurs podjąć przede wszystkim trzeba znać html i css fajnie

2:58jakbyś znał znała styled components ponieważ z tego będziemy korzystać w tym

3:02kursie uważam że jest to właściwie teraz już w react taka

3:06naturalna kolej rzeczy i dla mnie jest to naprawdę najłatwiejsze

3:11do wykorzystania narzędzie do tworzenia stylów w naszej aplikacji na naszych stronach więc

3:15to z tego będziemy korzystać jeśli nie znasz styled components to nauczenie się tego naprawdę zajmuje

3:19chwilkę zapraszam cię do moich kursów o react gdzie tłumaczyłem jak tworzyć od

3:23podstaw styled components to stamtąd możesz czerpać te wiedzę możesz również

3:27skorzystać z dokumentacji która jest bardzo dobra jestem pewien że sobie

3:31poradzisz z tym żeby po prostu szybko przygotować się do tego aby w tym kursie pisać

3:36style kolejną rzeczą którą musisz znać jest javascript a zwłaszcza

3:40ecmascript od wersji 6 w górę ponieważ będziemy z tego korzystać namiętnie

3:45w tym kursie i nie będę zatrzymywał się raczej właśnie przy takich bardziej

3:49skomplikowanych nawet funkcjach metodach javascript które będziemy wykorzystywać

3:53zakładam że masz taką wiedzę uważam że każdy kto zaczyna uczyć się czy to react

3:57czy gatsby powinien wiedzieć jak działa javascript i powinien wykonać

4:01chociaż kilka projektów w samym javascript zanim zacznie uczyć się react

4:05czy gatsby inaczej cała ta wiedza może się dość nieźle pomieszać i

4:10oczywiście trzecią rzecz którą musi znać jest react ponieważ gatsby właśnie

4:14używa react i to api gatsby jest bardzo podobne do tego jak tworzy się

4:18w react tutaj będziemy bardziej się skupiać na tym czym właściwie jest gatsby

4:23w jaki sposób tworzyć w nim projekty jak wykorzystywać ten potencjał który on nam daje a

4:27niekoniecznie będziemy się uczyć na przykład jak tworzyć komponenty funkcyjne ponieważ to

4:31wszystko musisz już wiedzieć z kursów o react na przykład które też przygotowałem

4:35tutaj na eduweb lub z dokumentacji z czegokolwiek uczyłeś uczyłaś się react

4:40to jest w porządku po prostu musisz go znać w tym kursie przynajmniej w

4:44stopniu podstawowym a skoro już o tym react mowa to chyba

4:48pora na to żeby wyjaśnić ci jaka jest różnica między react między

4:52next js a między gatsby bo to naprawdę spędza

4:56sen z powiek wielu deweloperom zwłaszcza tym początkującym którzy

5:00nie do końca rozróżniają w czym te technologie się specjalizują kiedy je wykorzystać

5:04i moim celem tutaj w tym kursie jest nie tylko nauczenie cię jak gatsby

5:08działa ale też kiedy które narzędzie wykorzystać z całego ekosystemu react

5:13uważam że to jest naprawdę bardzo ważne żeby rozróżniać te narzędzia więc

5:18zaczynamy w drugiej lekcji