Przejdź do treści
strefakursów

Kurs Gatsby.js - łatwe tworzenie wydajnych stron

Naucz się szybko budować nowoczesne i niesamowicie wydajne strony z frameworkiem Gatsby.js.

4,9 20 opinii Autor: Tomasz Kaniecki
30 lekcji 22 pytania testowe Poziom: Podstawowy Język: polski Certyfikat
149 zł

Oferta specjalna

Kup ten kurs za 82 zł z kodem

00 dni
00 godz.
00 min.
00 sek.

Minimalna wartość w koszyku, aby aktywować kod: 199 zł.

Dostęp od razu po zakupie

Płacisz raz i wchodzisz prosto do lekcji - bez subskrypcji, bez czekania na grupę.

Dodaj do listy życzeń

Ten kurs jest częścią ścieżki

JavaScript Front-end Developer

Szczegóły, które warto znać

5,5 godziny materiałów
Bezterminowy dostęp
Imienny certyfikat PDF
30 lekcji wideo
Poziom: Podstawowy
Testy i zadania
22 pytania testowe
Rekomendacje na LinkedIn
Napisy dostępne w językach: polski, angielski, ukraiński
Dostęp w aplikacji mobilnej

Opis szkolenia

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.

Kurs CSS3 Fundamenty języka HTML - kodowanie stron od podstaw

Kup w pakiecie i oszczędź

Kurs ES6 nowa generacja JavaScript

Kurs ES6 nowa generacja JavaScript

4.9 (106)

119 zł

Kurs Gatsby.js - łatwe tworzenie wydajnych stron

Kurs Gatsby.js - łatwe tworzenie wydajnych stron

4.9 (20)

149 zł

Cena za zakup pakietu

214 zł 268 zł −20%

Oszczędzasz w pakiecie: 54 zł

Zyskujesz 21.44 zł w punktach na kolejne zakupy.

Kup w pakiecie

Program kursu

10 modułów · 30 lekcji

1 · Wprowadzenie
  • Wstęp 01m 18s
  • Jak korzystać z materiałów? 01m 39s
2 · Co to jest Gatsby?
  • Kilka słów o Gatsby 04m 31s
  • Przygotowanie środowiska do pracy 05m 32s
3 · Projekt w Gatsby
  • Przypomnienie najważniejszych elementów w React 19m 02s
  • Utworzenie witryny HelloWord ze startera 04m 02s
  • Analiza architektury 07m 22s
  • Pierwsze kroki z projektem 13m 04s
  • Korzystanie z komponentów 19m 58s
  • Blog w Gatsby oparty na Netlify CMS 24m 09s
4 · Wprowadzenie do stylowania w Gatsby
  • Dodajemy style CSS 04m 59s
  • Moduł CSS 14m 39s
5 · Dane w Gatsby
  • Czym są dane? 03m 02s
  • Przygotowanie projektu do GraphQL 17m 09s
  • GraphQL w praktyce 08m 41s
  • GraphiQL 19m 35s
  • Metody wczytywania obrazów 21m 25s
  • Gatsby-Image 11m 58s
6 · Tworzenie komponentów zagnieżdzonych układów
  • Komponenty Markdown 20m 52s
  • Slug 15m 19s
  • Użycie sluga w szablonie 11m 39s
7 · Starter sklepu internetowego w Gatsby
  • Co to jest stripe.js? 06m 09s
  • Tworzenie komponentu koszyka w stripe.js 14m 31s
  • Stripe - używanie SecretKey 15m 14s
8 · Przygotowanie strony do wdrożenia
  • Audyt Lighthouse 05m 35s
  • Progresywna aplikacja internetowa 15m 12s
9 · Rozbudowa bloga
  • Najważniejsze zmiany 10m 51s
  • Nowe komponenty 19m 25s
10 · Gatsby Cloud
  • Konfiguracja i wdrożenie witryny 07m 01s
  • Zakończenie 00m 45s

Twój instruktor

Tomasz Kaniecki

Tomasz Kaniecki

Programista & Administrator systemów

Posiada wieloletnie doświadczenie w pracy z systemami komputerowymi od Unix po Windows, które zdobył podczas pracy jako administrator. Jako czynny programista od ponad 10 lat bierze udział w różnego rodzaju projektach komercyjnych pisanych w C#, Python, Java, Kotlin, Angular czy Ruby. Czas wolny chętnie spędza na górskich wyprawach oraz na czytaniu książek niekoniecznie związanych z informatyką.

Opinie kursantów

5,0 Zweryfikowana
„Dopiero zaczynam przygodę w Gatsby więc dla osób które chcą zacząć przygodę z Gatsby bardzo polecam"
M Marcin Hatko zweryfikowany kursant
5,0 Zweryfikowana
„Świetny kurs! Chciałem zacząć swoją przygodę z Gatsby.js, więc wziąłem kurs ze strefykursów, bo najczęściej korzystam, jeśli potrzebuję się czegoś nauczyć. Właściwie dopiero zaczynam ten kurs, ale na samym wstępie jest wiele ciekawych informacji. Serdecznie polecam każdemu, kto potrzebuje zaznajomić się z Gatsby do pracy, czy tak po prostu, aby rozwijać swoje projekty!"
Czytaj więcej
M Mateusz Wróbel zweryfikowany kursant

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.

Dla firm
Uczysz się do pracy? Kup ten kurs przez firmę
Dla siebie, pracownika lub zespołu – z fakturą i opcją ceny zespołowej.
Sprawdź zakup firmowy
Sprawdź zakup firmowy

Powiązane tematy

JavaScript Front-end Developer Tworzenie stron internetowych Tworzenie aplikacji webowych JavaScript

Zobacz też

Podobne kursy

Kurs ES6 nowa generacja JavaScript

Programowanie

Kurs ES6 nowa generacja JavaScript

4.9 (106)

119 zł

Kurs Webpack

Programowanie

Kurs Webpack

4.8 (54)

119 zł

Kurs Programowanie asynchroniczne w JavaScript

Programowanie

Kurs Programowanie asynchroniczne w JavaScript

4.9 (90)

119 zł

Kurs Node.js - dynamiczne aplikacje

Programowanie

Kurs Node.js - dynamiczne aplikacje

4.8 (154)

119 zł

Ekosystem JavaScript - wprowadzenie

Programowanie

Ekosystem JavaScript - wprowadzenie

4.9 (268)

119 zł

Jak zostać Full Stack Developerem

IT i oprogramowanie

Jak zostać Full Stack Developerem

4.8 (99)

119 zł

Kurs Programowanie funkcyjne w JavaScript

Programowanie

Kurs Programowanie funkcyjne w JavaScript

4.9 (96)

119 zł

Kurs Programowanie obiektowe w JavaScript

Programowanie

Kurs Programowanie obiektowe w JavaScript

4.9 (91)

119 zł

Kurs JavaScript od podstaw

Programowanie

Kurs JavaScript od podstaw

4.7 (31)

149 zł

Kurs Next.js od podstaw - praktyczny projekt aplikacji

Programowanie

Kurs Next.js od podstaw - praktyczny projekt aplikacji

4.6 (12)

169 zł

Ten kurs jest częścią ścieżki

4,8

JavaScript Front-end Developer

Zostań developerem najpopularniejszego języka współczesnej sieci Web. Zdobądź niezbędne umiejętności i pracuj w niezwykle dynamicznej dziedzinie.

576 wykładów 15791 uczestników
Dowiedz się więcej

Dostęp od razu po zakupie

149 zł

Zwrot w 3 krokach

Masz 30 dni na zwrot od daty zakupu.

  1. 1

    Zleć zwrot jednym kliknięciem

    Przejdź do Historii zamówień i wybierz „Dokonaj zwrotu" przy zamówieniu, które chcesz zwrócić.

  2. 2

    Potwierdzamy zwrot

    Dostajesz potwierdzenie przyjęcia zwrotu - zwykle w 1 dzień roboczy.

  3. 3

    Pieniądze wracają

    Tą samą metodą, którą zapłacono - zwykle w 3-5 dni roboczych, maksymalnie 14 dni.

Pełne warunki znajdziesz w regulaminie zakupów.

Kod na pierwszy zakup

Odbierz 10% rabatu na pierwsze zamówienie

Dołącz do newslettera z promocjami i odbierz kod rabatowy.

Jest z nami już ponad 106 tys. subskrybentów

Podając adres e-mail zapisujesz się do newslettera i akceptujesz politykę prywatności. W każdej chwili możesz się wypisać.

Ups! Coś poszło nie tak

Zabezpieczenie antybotowe uznało, że Twoje ostatnie zgłoszenie mogło pochodzić od bota, i je zablokowało. Spróbuj ponownie. W razie problemów skontaktuj się z nami.