Gatsby - statyczne strony i dynamiczne aplikacje

LICZBA DNI: 2 (16h)

KOD KURSU: GATSBY

Powiadom
o kolejnych terminach

# javascript

# typescript

O szkoleniu

DLA KOGO?

Programiści chcący zaktualizować swoją wiedzę w zakresie efektywnego budowania szybkich, statycznych stron WWW w ekosystemie opartym o React

WYMAGANIA

Podstawowa znajomość JavaScript.

ZALETY

Podejście warsztatowe - zestaw poruszanych zagadnień i ćwiczeń skonstruowany w taki sposób, aby uczestnik w wyniku szkolenia zaimplementował rozwiązania spotykane w realnych projektach

Cele szkolenia

Poznanie możliwości frameworka Gatsby i podstaw biblioteki React oraz GraphQL w stopniu umożliwiających swobodne tworzenie wydajnych, statycznych stron WWW

Program

  • Koncepcja static site generators
  • Omówienie architektury Gatsby
  • Mocne strony Gatsby
  • Czy Gatsby ogranicza się do stron statycznych?
  • Idea języka JSX
  • Funkcje jako komponenty
  • Parametryzowanie komponentów
  • Podstawy Markdown
  • Odmiany języka
  • MDX
  • Struktura projektu
  • Rola pluginów
  • Tworzenie stron stałych
    • Użycie Markdown
    • Użycie React
    • Dynamiczne fragmenty stron
  • Praca z obrazkami, fontami i innymi zasobami
  • Dlaczego GraphQL?
  • GraphQL a REST
  • Podstawy zapytań
  • Dynamiczne tworzenie stron typu blog post, ecommerce product
  • Przekazywanie danych do stron
  • Rozwiązania tradycyjne (CSS)
  • Rozwiązania CSS-in-JS
  • Gatsby themes
  • Strony indeksujące
  • Sortowanie i filtrowanie
  • Definiowanie własnych pól
  • Budowanie sitemaps
  • Progressive Web App i tryb offline
  • Optymalizacja grafik
  • Optimalizacja ładowania stron w oparciu o statystyki
  • Idea continuous deployment
  • Konfiguracja dla przykładowych dostawców

POLITYKA COOKIES:

Korzystamy z plików cookies, by móc jak najlepiej dostosować stronę do Twoich potrzeb oraz wyświetlać Ci przydatne i adekwatnych dla Ciebie reklamy w serwisie i poza nim. Możesz kontrolować ustawienia ciasteczek w swoich ustawieniach swojej przeglądarki. Odwiedzając tę stronę, wyrażasz zgodę na wykorzystywanie przez nas plików cookies.