✅ Nowoczesny system szkoleniowy dla firm i zespołów! Zobacz ofertę

Zastanawiasz się jak zwiększyć motywację i zaangażowanie w swoim zespole? Poznaj nasz nowoczesny system szkoleniowy dla firm i zespołów. Dzięki skutecznemu systemowi motywacji aż 80% użytkowników kończy szkolenie! Twórz programy nauczania dopasowane nie tylko do specyfiki Twojej działalności, ale przede wszystkim do potrzeb działu, stanowiska czy konkretnego pracownika. Wybierz pakiet

✅ Ucz się o dowolnej porze i oglądaj szkolenia bez dostępu do Internetu w aplikacji mobilnej

Pobierz naszą aplikację mobilną strefakursów.pl i ucz się bez żadnych ograniczeń. Pobieraj kursy i lekcje na swoje urządzenie i oglądaj nawet bez dostępu do Internetu. Dla nowych użytkowników aplikacji mamy niespodziankę! Aby odebrać prezent musisz zezwolić aplikacji na wysyłanie powiadomień. Pobierz aplikację

Pomoc i kontakt

Koszyk

Zaloguj się

strefakursów.pl Programowanie

Kurs Gatsby.js - łatwe tworzenie wydajnych stron:Trailer

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

Kurs Gatsby.js - łatwe tworzenie wydajnych stron:Analiza architektury

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

Kurs Gatsby.js - łatwe tworzenie wydajnych stron:Gatsby-Image

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

Kurs Gatsby.js - łatwe tworzenie wydajnych stron:Audyt Lighthouse

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

DARMOWE FRAGMENTY

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

JavaScript Front-end Developer

15157 użytkowników podnosi swoje kwalifikacje w tej ścieżce kariery.

Opinie użytkowników

Marcin Hatko

5.0

Dopiero zaczynam przygodę w Gatsby więc dla osób które chcą zacząć przygodę z Gatsby bardzo polecam

Mateusz Wróbel

5.0

Ś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… Czytaj więcej

Zobacz wszystkie

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.

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.

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.

Fundamenty języka HTML - kodowanie stron od podstaw

ZOBACZ WIĘCEJ

50% zniżki do niedzieli!
Często kupowane w pakiecie

Kurs ES6 nowa generacja JavaScript

96 recenzji

Poziom Średniozaawansowany

75 wykładów

4.9

99zł

Kurs Gatsby.js - łatwe tworzenie wydajnych stron

Razem do zapłaty

109 zł

-50% 218 zł

+872 punktów premium

KUP W PAKIECIE

Nie wiesz od czego zacząć naukę?

Chętnie pomożemy! Odpowiedz na pytania przygotowane przez naszych specjalistów, a my dopasujemy ścieżkę rozwoju do Twoich preferencji.

Rozpocznij teraz

Program nauczania

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 Podgląd 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 Podgląd 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 Podgląd 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

Ocena uczestników

51108 użytkowników oceniło i zrecenzowało szkolenia strefakursów.pl

Średnia ocena uczestników w niezależnym serwisie Google to 4.9/5 ⭐⭐⭐⭐⭐ z 2701 wszystkich opinii.

96%

Recenzje użytkowników (16)

Luiza Serafin

26 listopada 2024

5.0

Super kurs. Polecam każdemu :)

Wojciech Dąbek

7 października 2024

5.0

Polecam

Fabian Grikień

22 lipca 2024

5.0

super kurs

Hubert Zgoła

1 maja 2024

5.0

Polecam!

Radosław Bukłaga

24 kwietnia 2024

5.0

super kurs

WIĘCEJ RECENZJI

Najczęściej zadawane pytania

Jak wygląda uczestnictwo w kursie online?

Kursy online w strefakursów.pl to wideoporadniki przygotowane przez zespół naszych specjalistów. Twoje uczestnictwo w szkoleniu polega na tym, że otrzymujesz dostęp do wykładów wideo oraz innych materiałów szkoleniowych za pośrednictwem platformy szkoleniowej zaraz po zalogowaniu się na swoje konto. 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ść Twoje 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 w nauce 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 szkolenia i jaką ma on formę?

Do każdego ukończonego przez Ciebie szkolenia wystawiamy imienny certyfikat. Warunkiem jego otrzymania jest zaliczenie testów dołączonych do kursu. Na certyfikacie znajduje się Twoje imię oraz nazwisko, nazwa ukończonego kursu, data wystawienia i nazwa instytucji certyfikującej. Warto podkreślić, że jesteśmy wpisani do Rejestru Instytucji Szkoleniowych (nr wpisu 2.12/00119/2017).

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.

Czy otrzymam fakturę VAT za zamówienie?

Tak, do każdego zamówienia mamy obowiązek wystawić fakturę VAT (23%) lub paragon. Rodzaj dokumentu zależy od danych, które podasz w formularzu podczas składania zamówienia. Faktury zwykle wystawiamy do 3 dni roboczych od momentu zaksięgowania wpłaty. Poinformujemy Cię o tym fakcie mailowo, a dokument będzie można pobrać bezpośrednio z poziomu zakładki Historia zamówień na Twoim koncie w strefakursów.pl. Jeśli potrzebujesz dokumentu Proforma lub faktury odroczonej, złóż zamówienie, a w uwagach do zamówienia dodaj komentarz “Proforma” lub "Faktura z odroczonym terminem płatności", lub skontaktuj się z nami telefonicznie bądź mailowo (biuro@strefakursow.pl).

Zakup w aplikacji mobilnej strefakursów.pl, a faktura

Zakup w App Store(iOS)

Gdy dokonujesz zakupu w aplikacji strefakursów.pl na iOS za pośrednictwem Apple Pay sprzedawcą jest Apple. Fakturę lub dokument zakupu znajdziesz zgodnie z poniższą instrukcją:

Otwórz Ustawienia na iPhone
Kliknij swoje imię i nazwisko na górze ekranu, aby przejść do ustawień Apple ID.
Wybierz Multimedia i zakupy > Pokaż konto.
Przewiń w dół i wybierz Historia zakupów.
Znajdź interesujący Cię zakup i kliknij na niego, aby zobaczyć szczegóły oraz możliwość pobrania faktury.

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ę.

Czy dostęp do szkolenia jest ograniczony czasowo?

Po opłaceniu zamówienia otrzymujesz nielimitowany dostęp do zakupionych materiałów. Dzięki temu, że szkolenia są dla Ciebie dostępne zarówno online za pośrednictwem naszej platformy szkoleniowej i offline w aplikacji mobilnej strefakursów.pl, możesz w dowolnym czasie i miejscu powracać do obejrzanych lekcji i powtarzać materiał bez ograniczeń. Dodatkowo po ukończeniu całego szkolenia otrzymasz imienny certyfikat poświadczający Twój udział w szkoleniu. Certyfikat możesz opublikować np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV.

Tomasz Kaniecki

Programista & Administrator systemów

4.9

(16 ocen)

Kurs Gatsby.js - łatwe tworzenie wydajnych stron

Q: ✅ Dożywotni dostęp do szkolenia i możliwość powtarzania materiału w dowolnym miejscu i czasie.

Po opłaceniu zamówienia otrzymujesz nielimitowany dostęp do zakupionych materiałów . Dzięki temu, że szkolenia są dla Ciebie dostępne zarówno online za pośrednictwem naszej platformy szkoleniowej i offline w aplikacji mobilnej strefakursów.pl , możesz w dowolnym czasie i miejscu powracać do obejrzanych lekcji i powtarzać materiał bez ograniczeń. Dodatkowo po ukończeniu całego szkolenia otrzymasz imienny certyfikat poświadczający Twój udział w szkoleniu. Certyfikat możesz opublikować np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV.

Q: ✅ Nie wiesz od czego zacząć naukę? Chętnie pomożemy!

W naszej ofercie znajdują się setki kursów online, jeśli nie wiesz od czego zacząć naukę zaufaj naszemu doświadczeniu. Odpowiedz na pytania przygotowane przez naszych specjalistów, a my dopasujemy ścieżkę rozwoju do Twoich preferencji. Rozpocznij teraz