+48 22 203 56 00 biuro@sages.pl
Szkolenie dostępne na zamówienie

Szkolenie: Gatsby - statyczne strony i dynamiczne aplikacje

Szkolenie Gatsby to praktyczny kurs tworzenia szybkich, statycznych i dynamicznych stron internetowych z wykorzystaniem React, GraphQL i nowoczesnych narzędzi frontendowych, obejmujący optymalizację wydajności, integrację z API oraz wdrażanie aplikacji w środowiskach produkcyjnych

  • Trenerzy praktycy
  • Kameralne grupy

Czas trwania szkolenia:2 dni (16h)

Poziom zaawansowania:

Kod kursu:GATSBY

reactjamstackstatic-sitesgatsby

Szkolenie na zamówienie

  • Dostosowany program
  • Indywidualna wycena
  • Dowolny termin
Zapytanie o szkolenie

Gatsby - statyczne strony i dynamiczne aplikacje

Cele szkolenia

  • Szkolenie przygotowuje do samodzielnego projektowania i wdrażania wydajnych stron internetowych z użyciem frameworku Gatsby, React i GraphQL

  • Szkolenie uczy wykorzystywania narzędzi do generowania statycznych i dynamicznych treści oraz integracji z różnymi źródłami danych

  • Szkolenie rozwija umiejętność optymalizacji, stylowania oraz wdrażania aplikacji internetowych zgodnie z aktualnymi standardami branżowymi

Dla kogo?

  • Programiści front-end z podstawową znajomością JavaScript, chcący rozwinąć umiejętności w zakresie nowoczesnych frameworków

  • Osoby realizujące projekty internetowe, które chcą poznać efektywne metody budowy szybkich i skalowalnych stron WWW

  • Specjaliści IT zainteresowani wdrażaniem rozwiązań opartych o React, GraphQL i narzędzia do generowania statycznych stron

Efekty kształcenia

  • Uczestnik projektuje i wdraża statyczne oraz dynamiczne strony internetowe w oparciu o Gatsby

  • Uczestnik integruje dane z różnych źródeł za pomocą GraphQL

  • Uczestnik stosuje nowoczesne techniki optymalizacji wydajności stron

  • Uczestnik wykorzystuje narzędzia do stylowania i zarządzania zasobami

  • Uczestnik wdraża aplikacje z użyciem procesów continuous deployment

  • Uczestnik analizuje i rozwiązuje typowe problemy w projektach frontendowych

Wymagania

  • Podstawowa umiejętność programowania w JavaScript

W cenie otrzymasz:

  • Materiały szkoleniowe

  • Certyfikat ukończenia szkolenia

  • W przypadku szkolenia w trybie stacjonarnym zapewnimy Ci również lunch oraz sprzęt niezbędny do nauki

Program szkolenia

Pobierz program w PDF

Wprowadzenie do Gatsby

  • Koncepcja static site generators

  • Omówienie architektury Gatsby

  • Mocne strony Gatsby

  • Czy Gatsby ogranicza się do stron statycznych?

Podstawy React

  • Idea języka JSX

  • Funkcje jako komponenty

  • Parametryzowanie komponentów

Język Markdown

  • Podstawy Markdown

  • Odmiany języka

  • MDX

Podstawy Gatsby

  • Struktura projektu

  • Rola pluginów

  • Tworzenie stron stałych

  • Praca z obrazkami, fontami i innymi zasobami

Wprowadzenie do GraphQL

  • Dlaczego GraphQL?

  • GraphQL a REST

  • Podstawy zapytań

Gatsby Node

  • Dynamiczne tworzenie stron typu blog post, e-commerce product

  • Przekazywanie danych do stron

Stylowanie stron i aplikacji

  • Rozwiązania tradycyjne (CSS)

  • Rozwiązania CSS-in-JS

  • Gatsby themes

GraphQL w Gatsby

  • Strony indeksujące

  • Sortowanie i filtrowanie

  • Definiowanie własnych pól

  • Budowanie sitemaps

Optymalizacje strony

  • Progressive Web App i tryb offline

  • Optymalizacja grafik

  • Optymalizacja ładowania stron w oparciu o statystyki

Hosting aplikacji

  • Idea continuous deployment

  • Konfiguracja dla przykładowych dostawców

Wybrane opinie

Przeczytaj pozytywne opinie pochodzące z ankiet satysfakcji z naszych szkoleń wypełnianych wyłącznie przez ich uczestników po realizacji usługi

4.8
Ikona podpowiedziŚrednia ocen Sages w serwisie Google Ocena pochodzi ze średniej ocen Sages w serwisie Google i nie jest weryfikowana

30.01.2026

Uczestnik szkolenia “Jira - organizacja i zarządzanie projektami”

Adam NAJMOWICZ

Praktyczna wiedza w praktyce i swietna komunikacja z trenerem

Więcej opinii

Podobne szkolenia

Nowoczesny i wydajny frontend z biblioteką htmx

Liczba dni: 1
1150 PLN

Szkolenie htmx to praktyczny kurs tworzenia nowoczesnych, dynamicznych interfejsów webowych bez frameworków JS, z naciskiem na integrację z backendem, architekturę HTML over the wire, AJAX, lazy loading i progressive enhancement

modern-frontendhtmxprogressive-enhancementweb-development

Aplikacje Full-Stack z użyciem React.js i Next.js

Liczba dni: 2
2145 PLN

Szkolenie Full-Stack z React.js i Next.js to praktyczny kurs tworzenia nowoczesnych aplikacji webowych, obejmujący architekturę, routing, SSR, optymalizację wydajności, SEO oraz wdrożenie aplikacji

nextjsweb-developmentfull-stackreact

Astro framework

Liczba dni: 2
2150 PLN

Szkolenie Astro Framework to praktyczne wprowadzenie do budowy nowoczesnych, statycznych i dynamicznych stron internetowych z naciskiem na wydajność, SEO, integrację z React, Vue, Tailwind CSS oraz zarządzanie treścią i optymalizację ładowania

static-site-generationastrofrontend-frameworkweb-performance