Trwają zapisy do grupy

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)

Poziom zaawansowania:

Kod kursu:HTMX

Dostępne terminy szkolenia

  • Termin
  • Trener
  • Cena
  • Zapis
  • Lokalizacja

Termin:

15 maja
Trwają zapisy na szkolenie

Trener:

Łukasz Andrzejewski

Cena:

1150 PLN netto
Ikona podpowiedziDowiedz się więcej o cenach szkoleń - zapraszamy do kontaktu
+23% VAT

Lokalizacja:

Zdalne
Zdalne
Ikona podpowiedziZapytaj o inne lokalizacje - w tym celu skorzystaj z chatu

Termin:

3 września
Trwają zapisy na szkolenie

Trener:

Łukasz Andrzejewski

Cena:

1150 PLN netto
Ikona podpowiedziDowiedz się więcej o cenach szkoleń - zapraszamy do kontaktu
+23% VAT

Lokalizacja:

Zdalne
Zdalne
Ikona podpowiedziZapytaj o inne lokalizacje - w tym celu skorzystaj z chatu

Termin:

25 listopada
Trwają zapisy na szkolenie

Trener:

Łukasz Andrzejewski

Cena:

1150 PLN netto
Ikona podpowiedziDowiedz się więcej o cenach szkoleń - zapraszamy do kontaktu
+23% VAT

Lokalizacja:

Zdalne
Zdalne
Ikona podpowiedziZapytaj o inne lokalizacje - w tym celu skorzystaj z chatu

Forma szkolenia

Interesuje Cię szkolenie stacjonarne?

Powiadom o kolejnych terminach

Interesuje Cię szkolenie w innym terminie?

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

Pobierz program w PDF

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

Autorem szkolenia jest Łukasz Andrzejewski

Od ponad 17 lat z pasją dzielę się wiedzą jako trener, wspierając rozwój kompetencji technologicznych wśród specjalistów IT na różnych etapach ich kariery. W ostatnich 5 latach przeszkoliłem ponad 2000 osób, prowadząc szkolenia zarówno otwarte, jak i dedykowane, dla czołowych firm z sektorów bankowości, ubezpieczeń i IT – m.in. Santander Bank Polska, ERGO Hestia, Asseco Poland oraz Orange. Specjalizuję się w szerokim zakresie technologii – od rozwiązań z ekosystemu Java, przez nowoczesny frontend,…

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

4.8
Ikona podpowiedziŚrednia ocen Sages w serwisie Google Ocena pochodzi ze średniej ocen Sages w serwisie Google i nie jest weryfikowana

20.03.2025

Uczestnik szkoleniaProjektowanie modeli domen z wykorzystaniem Domain-Driven Design i Event Storming

Wojciech Pyszko

Nawiązywało do przypadków bliskich naszemu biznesowi

Więcej opinii