Gatsby - statyczne strony i dynamiczne aplikacje

Czas trwania szkolenia:2 dni (16h)

Kod kursu:GATSBY

Poziom zaawansowania:
javascripttypescript

Szkolenie na zamówienie

  • Dostosowany program
  • Indywidualna wycena
  • Dowolny termin
Zapytanie o szkolenie

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

Podobne szkolenia