Szkolenie: Nowoczesny i wydajny frontend z biblioteką htmx
Szkolenie htmx to praktyczny kurs tworzenia nowoczesnych, dynamicznych interfejsów webowych bez frameworków JS, z naciskiem na integrację z backendem, architekturę HTML over the wire, AJAX, lazy loading i progressive enhancement
- Trenerzy praktycy
- Kameralne grupy
Czas trwania szkolenia:1 dzień (8h)
Kod kursu:HTMX
Nowoczesny i wydajny frontend z biblioteką htmx
Cele szkolenia
Szkolenie przygotowuje do samodzielnego projektowania i wdrażania dynamicznych interfejsów użytkownika z wykorzystaniem biblioteki htmx oraz architektury HTML over the wire
Szkolenie uczy integracji frontendu z backendem poprzez serwowanie fragmentów HTML i obsługę żądań AJAX bez użycia frameworków JavaScript
Szkolenie pokazuje, jak implementować nowoczesne funkcje użytkowe, takie jak paginacja, lazy loading, infinite scroll czy walidacja formularzy w podejściu server-driven UI
Szkolenie omawia zasady bezpieczeństwa, progressive enhancement oraz efektywne wzorce pracy z dynamicznymi aplikacjami webowymi
Dla kogo?
Programiści frontendu i backendu z podstawową znajomością HTML i CSS, chcący tworzyć dynamiczne interfejsy bez frameworków JS
Deweloperzy znający SPA, poszukujący alternatywnych, lekkich rozwiązań do budowy nowoczesnych aplikacji webowych
Osoby realizujące projekty webowe, zainteresowane podejściem server-driven UI i zwiększeniem wydajności pracy
Efekty kształcenia
Uczestnik projektuje dynamiczne interfejsy webowe bez użycia frameworków JavaScript
Uczestnik integruje frontend z backendem poprzez serwowanie fragmentów HTML
Uczestnik wdraża funkcje AJAX, lazy loading, paginację i infinite scroll
Uczestnik stosuje wzorce progressive enhancement i architekturę HTML over the wire
Uczestnik analizuje i rozwiązuje typowe problemy wdrożeniowe aplikacji webowych
Uczestnik ocenia bezpieczeństwo i implementuje dobre praktyki ochrony danych
Wymagania
Podstawowa znajomość HTML i CSS
Znajomość JavaScript nie jest wymagana, ale może ułatwić zrozumienie niektórych mechanizmów działania htmx
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 htmx
Czym jest htmx i dlaczego warto się nim zainteresować?
Konfiguracja środowiska deweloperskiego oraz tworzenie nowego projektu
Korzystanie z atrybutów htmx
Budowa przykładowej aplikacji
Komunikacja z backend
Zdarzenia wyzwalające żądania
Konfiguracja miejsca i sposóbu renderowania odpowiedzi
Koordynacja wielu żądań
Wskaźniki aktywności
Przekazywanie parametrów żądania oraz obsługa nagłówków
Wsparcie dla historii przeglądarki
Niestandardowa obsługa odpowiedzi z serwera
Sprawdzone wzorce i receptury
Potwierdzanie akcji użytkownika
Tranzycje CSS
Wyszukiwanie treści
Leniwe ładowanie danych
Automatyczne odświeżanie treści
Pooling
Cachowanie
Paginacja
Infinite Scroll
Optimistic updates
Walidacja i resetowanie treści formularzy
Przełączanie selekcji
Usuwanie elementów widoku
Okna dialogowe
Aspekty zaawansowane
Dodawanie skryptów i integracja z zewnętrznymi bibliotekami
Tworzenie SPA (Single Page Applications) przy użyciu htmx
Bezpieczeństwo m.in. eskejpowanie i oczyszczenie treści użytkownika, zapobieganie atakom XSS, bezpieczne ładowanie danych
Komunikacja oparta o WebSockets oraz Server-sent Events (SSE)
Rozszerzenia
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

