Szkolenie: Nowoczesny i wydajny frontend z biblioteką htmx
Podczas szkolenia "Nowoczesny i wydajny frontend z biblioteką htmx" nauczysz się, jak tworzyć dynamiczne, interaktywne strony i aplikacje internetowe bez potrzeby pisania dużej ilości kodu JavaScript. Biblioteka htmx pozwala na łatwą integrację z backendem (np. Django, Flask, Laravel, Spring), umożliwiając implementację nowoczesnych funkcji frontendu — takich jak AJAX, WebSockets, lazy loading czy infinite scroll — w prosty, deklaratywny sposób. Dzięki temu budujesz szybkie, responsywne i lekkie interfejsy użytkownika, zachowując prostotę klasycznego HTML.
- Trenerzy praktycy
- Kameralne grupy
Czas trwania szkolenia:1 dzień (8h)
Kod kursu:HTMX
Nowoczesny i wydajny frontend z biblioteką htmx
Cele szkolenia
Poznanie zasady działania i możliwości biblioteki htmx
Umiejętność integracji htmx z backendem – serwowanie dynamicznych danych z użyciem HTML fragmentów
Samodzielna implementacja funkcji frontendowych bez frameworków JS, takich jak React czy Vue
Praktyczne zrozumienie architektury "HTML over the wire" i korzyści z minimalizowania warstwy JavaScript
Dla kogo?
Początkujący oraz zaawansowani programiści (w tym backend developerzy), którzy chcą łatwo tworzyć dynamiczne interfejsy użytkownika
Deweloperzy, którzy znają frameworki SPA (np. React, Vue, Angular) i poszukują lekkiej, alternatywnej technologii do budowy frontendów
Osoby zainteresowane podejściem HTML-first / server-driven UI, szukające narzędzi zwiększających produktywność i wydajność
Zalety
W trakcie zajęć zrealizujesz kompletny projekt, w którym poznasz kluczowe komponenty i idiomy pracy z htmx
Nauczysz się tworzyć dynamiczne funkcje użytkowe (walidacja, paginacja, lazy loading) bez pisania JavaScript
Przećwiczysz realne scenariusze integracji z backendem, ucząc się, jak przygotowywać API serwujące HTML
Zdobędziesz umiejętność rozwiązywania typowych problemów pojawiających się przy wdrażaniu aplikacji z użyciem htmx
Poznasz sposób myślenia w duchu progressive enhancement oraz koncepcję "hypermedia as the engine of application state"
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