Szkolenie: Nowoczesny i wydajny frontend z biblioteką htmx
Podczas szkolenia "Nowoczesny i wydajny frontend z biblioteką htmx" nauczysz się korzystać z biblioteki htmx, która umożliwia tworzenie dynamicznych stron i aplikacji internetowych bez konieczności pisania skomplikowanego kodu JavaScript.
- Trenerzy praktycy
- Kameralne grupy
Czas trwania szkolenia:1 dni (8h)
Kod kursu:HTMX
Nowoczesny i wydajny frontend z biblioteką htmx
Cele szkolenia
Poznanie zasady działania, możliwości oraz potencjalnych zastosowań biblioteki htmx, a także metod integracji z istniejącymi rozwiązaniami frontend/backend
Opanowanie biblioteki htmx w stopniu umożliwiającym jej samodzielne wykorzystanie w zakresie budowania dynamicznych stron i aplikacji internetowych
Przedstawienie zagadnień zaawansowanych takich jak: optymalizacja wydajności, bezpieczeństwo czy stosowanie rozszerzeń
Dla kogo?
Początkujący oraz zaawansowani programiści (również backend), którzy chcą poznać htmx w celu łatwego i efektywnego budowania interfejsu aplikacji
Programiści, którzy pracowali z popularnymi frameworkami webowymi, szukający prostej i wydajnej alternatywy
Zalety
W czasie zajęć zrealizujesz projekt, dzięki któremu poznasz kluczowe elementy biblioteki htmx
Poznasz praktyczne techniki budowania stron i aplikacji internetowych bez pisania skomplikowanego kodu JavaScript po stronie klienta
Dowiesz się jak implementować powszechnie stosowane wzorce, takie jak: leniwe ładowanie treści, walidacja danych, przejścia CSS, aktywne wyszukiwanie czy paginacja
Nauczysz się jak identyfikować i rozwiązywać typowe problemy napotykane podczas pracy z htmx
Wymagania
Podstawowa wiedza z zakresu HTML, CSS oraz JavaScript będzie przydatna, ale nie jest wymagana
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