Gatsby - statyczne strony i dynamiczne aplikacje
Gatsby to oparty na React i GraphQL framework zaprojektowany z myślą o ułatwieniu budowy wysoce zoptymalizowanych pod kątem szybkości stron i aplikacji internetowych
Czas trwania szkolenia:2 dni (16h)
Kod kursu:GATSBY
Gatsby - statyczne strony i dynamiczne aplikacje
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
Dla kogo?
Programiści chcący zaktualizować swoją wiedzę w zakresie efektywnego budowania szybkich i statycznych stron WWW w ekosystemie opartym o React
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
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
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
