Szkolenie: Tworzenie aplikacji Full-Stack z użyciem SvelteKit
Szkolenie Full-Stack SvelteKit to praktyczny kurs programowania aplikacji webowych, który uczy budowy nowoczesnych projektów z SSR, SSG i SPA, zarządzania routingiem, stanem oraz integracji front-endu i back-endu z wykorzystaniem SvelteKit
- Trenerzy praktycy
- Kameralne grupy
Czas trwania szkolenia:3 dni (24h)
Kod kursu:SVELTEKIT
Tworzenie aplikacji Full-Stack z użyciem SvelteKit
Cele szkolenia
Szkolenie przygotowuje do samodzielnego projektowania i budowania aplikacji webowych typu full-stack z wykorzystaniem frameworka SvelteKit
Szkolenie uczy stosowania technik SSR, SSG oraz SPA, umożliwiając świadome wybieranie architektury aplikacji w zależności od potrzeb projektu
Szkolenie rozwija umiejętność implementacji routingu, zarządzania stanem, obsługi formularzy oraz integracji front-endu z back-endem
Dla kogo?
Programistów front-end z podstawową znajomością HTML, CSS, JavaScript lub TypeScript, chcących rozwinąć umiejętności full-stack
Osób posiadających doświadczenie w innych frameworkach webowych, które chcą poznać nowoczesne podejście do budowy aplikacji z użyciem SvelteKit
Efekty kształcenia
Uczestnik projektuje aplikacje full-stack z wykorzystaniem SvelteKit
Uczestnik implementuje routing, komponenty i zarządzanie stanem
Uczestnik analizuje różnice między SSR, SSG i SPA
Uczestnik integruje front-end z back-endem oraz obsługuje API
Uczestnik wdraża aplikacje z wykorzystaniem różnych metod renderowania
Uczestnik stosuje narzędzia developerskie i debugowania w SvelteKit
Wymagania
Podstawowa znajomość HTML, CSS
Umiejętność programowania w JavaScript lub TypeScript
Znajomość podstawowych koncepcji aplikacji serwerowych: komunikacja request — response w HTTP, podstawy budowania API, podstawy REST
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 szkolenia
Wprowadzenie do SvelteKit
Scaffold nowego projektu
Narzędzia developerskie, debugowanie
Struktura projektu, kluczowe koncepcje i organizacja kodu
Porównanie Svelte z innymi frameworkami
Budowa aplikacji Svelte
Layout, strony i template dla komponentów
Podstawowe dyrektywy i data binding
Komponenty i ich komunikacja (props, events)
Zarządzanie stylami css
Obsługa zdarzeń
Lokalny stan komponentu, reaktywność
Lifecycle hooks
Moduł współdzielony: $lib
Elementy specjalne
Routing
Wykorzystanie file-system routing
Dynamiczne ścieżki
Obsługa błędów i przekierowania
Komunikacja z back-end'em
Data fetching
Przekazywanie danych z poziomu back-end
Server-side RESTful API
Obsługa headers i cookies
Zarządzanie stanem w SvelteKit
Context API
Zarządzanie stanem z wykorzystaniem Store
Tworzenie własnych magazynów danych
Obsługa Formularzy
Obsługa natywnych elementów form
Walidacja formularza
Wsparcie JavaScript (progressive enhancement)
Renderowanie stron oraz deployment aplikacji
Zmienne środowiskowe
Omówienie rozwiązań: Hydracja, Prerendering
SSR (Server-Side Rendering) vs CSR (Client-Side Rendering)
SSG (Static Site Generation)
Porównanie z podejściem: SPA (Single Page Application)
Używanie adapterów w SvelteKit
Wybrane opinie
Przeczytaj pozytywne opinie pochodzące z ankiet satysfakcji z naszych szkoleń wypełnianych wyłącznie przez ich uczestników po realizacji usługi

