Освойте HTMX за 10 минут: Быстрый Старт БЕЗ JavaScript!

Boosty: https://boosty.to/ogwebtalks
Patreon:   / ogwebtalks  

Это обучающее видео представляет собой полный гид по HTMX, начиная с основ, таких как что такое HTMX и как его установить, до более продвинутых тем, включая различные атрибуты, триггеры и параметры, которые можно использовать для управления поведением веб-страниц. Видео детально объясняет работу с атрибутами, такими как hx-get, hx-target, и hx-swap, а также различные триггеры и события, включая load, reveal и intersect. Также рассматриваются методы отправки форм, работа с файлами, веб-сокетами и историей браузера.

🕒 Разбивка по времени:
00:00 - Что такое HTMX?
00:49 - Как установить HTMX?
01:03 - Как работает HTMX?
01:44 - Аттрибут hx-get
01:58 - Триггеры change, submit и click
02:11 - Аттрибут hx-target
02:22 - События load, reveal и intersect
02:35 - Параметры once и every
02:47 - Параметры delay, throttle и from
03:07 - Параметры root и threshold
03:17 - Триггер every
04:14 - Фильтр для триггера
04:42 - Класс htmx-indicator
04:54 - Аттрибут hx-indicator
05:05 - hx-target с css селектором
05:17 - Модификаторы closest, next, previous и find
05:32 - Аттрибут hx-swap
06:00 - hx-target="delete"
06:08 - Параметры transition, swap и settled
06:32 - Параметр ignoreTitle
06:42 - Параметры scroll / show
06:57 - Аттрибут hx-sync
07:29 - Параметры drop, abort, replace и queue
08:00 - Аттрибуты hx-swap-oob и hx-select-oob
08:34 - Аттрибут hx-preserve
08:57 - Отправка формы
09:09 - Аттрибуты hx-include и hx-params
09:19 - Аттрибуты hx-vals и hx-vars
09:38 - Отправка файлов с hx-encoding
09:47 - Аттрибут hx-confirm
09:59 - Наследование аттрибутов
10:03 - Аттрибут hx-disinherit
10:16 - Аттрибут hx-boost
10:26 - Веб-сокеты с hx-ws и hx-sse
10:37 - History API, CSS transitions, form validation
11:28 - Варианты использования на разных языках
11:55 - Где скачать примеры?

🔖 Теги: HTMX, веб-разработка, интерактивные веб-страницы, атрибуты HTMX, управление веб-формами, отправка файлов, веб-сокеты, обучающее видео HTMX, события в HTMX, использование HTMX