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.

Adresaci szkolenia

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

Cel szkolenia

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

Mocne strony szkolenia

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

Wymagania

Podstawowa znajomość JavaScript.

Parametry szkolenia

  • 2 * 8 godzin
  • wykłady i warsztaty
  • maksymalna liczba uczestników: 8

Program szkolenia

  1. Wprowadzenie do Gatsby
    • Koncepcja static site generators
    • Omówienie architektury Gatsby
    • Mocne strony Gatsby
    • Czy Gatsby ogranicza się do stron statycznych?
  2. Podstawy React
    • Idea języka JSX
    • Funkcje jako komponenty
    • Parametryzowanie komponentów
  3. Język Markdown
    • Podstawy Markdown
    • Odmiany języka
    • MDX
  4. 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
  5. Wprowadzenie do GraphQL
    • Dlaczego GraphQL?
    • GraphQL a REST
    • Podstawy zapytań
  6. Gatsby Node
    • Dynamiczne tworzenie stron typu blog post, ecommerce product
    • Przekazywanie danych do stron
  7. Stylowanie stron i aplikacji
    • Rozwiązania tradycyjne (CSS)
    • Rozwiązania CSS-in-JS
    • Gatsby themes
  8. GraphQL w Gatsby
    • Strony indeksujące
    • Sortowanie i filtrowanie
    • Definiowanie własnych pól
    • Budowanie sitemaps
  9. Optymalizacje strony
    • Progressive Web App i tryb offline
    • Optymalizacja grafik
    • Optimalizacja ładowania stron w oparciu o statystyki
  10. Hosting aplikacji
    • Idea continuous deployment
    • Konfiguracja dla przykładowych dostawców

Pytania?

* Wymagane.


Konsultant on-line
Skorzystaj z usług naszego konsultanta on-line.
Naciśnij przycisk ‘Skorzystaj’ aby przejść do okienka czatu
Kontakt
ul. Nowogrodzka 62c
02-002 Warszawa
Telefon +48 22 2035600
Fax +48 22 2035601
Email