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

Boosty: https://boosty.to/ogwebtalks Patreon: https://patreon.com/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