Gatsby - statyczne strony i dynamiczne aplikacje
LICZBA DNI: 2 (16h)
KOD KURSU: GATSBY
Dostosowany program 
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
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
- Użycie Markdown
- Użycie React
- Dynamiczne fragmenty stron
- 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, ecommerce 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
- Optimalizacja ładowania stron w oparciu o statystyki
Hosting aplikacji
- Idea continuous deployment
- Konfiguracja dla przykładowych dostawców
Szkolenia powiązane
