Kurs Gatsby.js - łatwe tworzenie wydajnych stron - strefakursow.pl

..::(Info)::..

Wielkość: 746 MB
Język: PL
Format: MP4

..::(Opis)::..


Czego się nauczysz:
szybkiego tworzenia projektu ze startera

poprawnego stylowania projektów

obsługi zapytań GraphQL

tworzenia własnych komponentów

optymalizacji projektu pod kątem urządzeń mobilnych

sposobów umieszczania elementów graficznych w projekcie

korzystania z zewnętrznych API i systemów CMS

publikowania strony na chmurze Gatsby

Gatsby to nowoczesny i bardzo przyjazny programiście framework JavaScript oparty na React. Budowa strony opiera się na komponentach, a z jego pomocą możesz tworzyć bardzo szybko działające strony internetowe.

To szkolenie online pozwoli Ci w przystępny sposób zdobyć wiedzę na temat GatsbyJS i GraphQL za pomocą praktycznych przykładów. Skorzystamy ze starterów oraz rozbudujemy projekt bloga, dodając m.in. menu dla urządzeń mobilnych. Ten kurs online pomoże Ci w zrozumieniu nowych technologii oraz da Ci praktyczny projekt, który będziesz mógł dodać do swojego portfolio.

Nowoczesność oraz szybkość działania stron internetowych, czyli Twój pierwszy projekt bloga oparty na technologii GatsbyJS i GraphQL
Instalacja, konfiguracja i pierwszy projekt
Na początku zajmiemy się konfiguracją naszego środowiska developerskiego. Dowiesz się jak zainstalować i uruchomić środowisko Gatsby-CLI. W trakcie tego kursu online przypomnisz sobie także podstawowe konstrukcje i elementy React.js. Stworzysz pierwszą witrynę HelloWorld ze startera. Opanujesz architekturę katalogów oraz ich zawartość. Dowiesz się również jak korzystać w Gatsby z komponentów i jak połączyć pierwszy blog z CMSem Netlify.

Połączenie bloga z CMSem Netlify
Sposoby stylowania i operacje na danych w Gatsby.js
Stylowanie i operacje na danych
W kolejnych etapach kursu poznasz sposoby stylowania w Gatsby. Wprowadzimy stylowanie wewnątrz komponentów oraz stworzymy moduł CSS, który zainstalujemy w konfiguracji projektu i zaimportujemy do istniejących komponentów. Dowiesz się w jaki sposób pobierać potrzebne dane za pomocą GraphQL, jak testować zapytania w środowisku GraphiQL, oraz w jaki sposób dodawać elementy graficzne do stron w Gatsby.

Tworzenie komponentów
W tym rozdziale poznasz metody tworzenia układów, które nauczysz się zagnieżdżać na swoich stronach. Nauczysz się korzystać z plików Markdown, a następnie stworzysz Slug – czyli aktywne odnośniki do nowych plików. GatsbyJS to nie tylko blogi, ale także bardziej rozbudowane serwisy - np. sklepy internetowe. Poznasz możliwości integracji API z serwisem obsługującym płatności online Stripe. Stworzysz także komponent koszyka oraz dowiesz się jak korzystać z SecretKey.

Tworzenie komponentów w Gatsby.js, integracja z API.
Gatsby Cloud - najlepszy sposób tworzenia, wdrażania i kooperacji z stronami Gatsby
Przygotowanie strony do wdrożenia - Gatsby Cloud
Kiedy Twoja strona będzie już skończona, będziesz mógł ją opublikować. Zanim to zrobisz, dobrze jest wykonać jej audyt. Zrobimy to za pomocą Lighthouse i przeglądarki Chrome. Dowiesz się także, czym jest manifest i progresywna aplikacja internetowa. Nauczysz się budować bloga, żeby stał się całkiem słusznych rozmiarów serwisem internetowym, zawierającym atrakcyjną dla oka oprawę graficzną. Poznasz też Gatsby Cloud, dzięki któremu w łatwy sposób opublikujesz swoją stronę, importując ją bezpośrednio ze swojego githuba.

Co jeszcze powinieneś wiedzieć?
Aby w pełni wykorzystać wiedzę zawartą w tym szkoleniu online, musisz znać podstawy HTML oraz JavaScript. Dobrze, jeśli będziesz znał również podstawy React’a. Jeżeli jeszcze nie zdobyłeś tych umiejętności, pamiętaj że możesz to osiągnąć dzięki naszym szkoleniom.