Gatsby - statyczne strony i dynamiczne aplikacje
Czas trwania szkolenia:2 dni (16h)
Kod kursu:GATSBY
Poziom zaawansowania:
O szkoleniu Gatsby - statyczne strony i dynamiczne aplikacje
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
Dla kogo?
- Programiści chcący zaktualizować swoją wiedzę w zakresie efektywnego budowania szybkich i statycznych stron WWW w ekosystemie opartym o React
Wymagania
- Podstawowa umiejętność programowania w 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
- Praktyka przed teorią - wszystkie szkolenia technologiczne prowadzone są w formie warsztatowej. Konieczna teoria jest wyjaśniana na przykładzie praktycznych zadań
- Konkretne umiejętności - w ramach każdego szkolenia rozwijamy praktyczne umiejętności związane z daną technologią i tematyką
- Nauka z praktykami - wszyscy trenerzy na co dzień pracują w projektach, gwarantuje to dostęp do eksperckiej wiedzy i praktycznego know-how
Cele szkolenia
- Poznanie możliwości frameworku 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
- 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