HTMX
Course Index
29 Lessons · 3 Sections
Master HTMX — the 14 KB library adding AJAX to HTML attributes without JavaScript. Covers hx-get, hx-swap, hx-trigger, Django/Flask integration, SSE, WebSockets & AlpineJS. Includes 5 builds: task manager, real-time chat, CRUD app, admin dashboard & search UI.
29Lessons
3Sections
5Projects
FreeAccess
Section 1HTMX FundamentalsLessons 1–10
Lesson 1
What is HTMX?
Lesson 2
HTMX vs JavaScript Frameworks
Lesson 3
HTMX Setup: CDN & npm
Lesson 4
hx-get & hx-post
Lesson 5
hx-target & hx-swap
Lesson 6
hx-trigger
Lesson 7
Swap Strategies: innerHTML, outerHTML, etc.
Lesson 8
hx-boost: Full Page to AJAX
Lesson 9
HTMX with Django: Setup
Lesson 10
HTMX with Flask: Setup
Section 2Advanced HTMX PatternsLessons 11–22
Lesson 11
Partial Rendering & HTML Fragments
Lesson 12
Active Search
Lesson 13
Inline Edit (Click to Edit)
Lesson 14
Infinite Scroll
Lesson 15
hx-push-url: Browser History
Lesson 16
hx-indicator: Loading States
Lesson 17
Out-of-Band Swaps (hx-swap-oob)
Lesson 18
HTMX WebSockets Extension
Lesson 19
HTMX SSE Extension
Lesson 20
AlpineJS with HTMX
Lesson 21
HTMX Form Handling & Validation
Lesson 22
HTMX Security Considerations
Section 3HTMX 2/4, HDA Architecture & ProjectsLessons 23–29
Lesson 23
HTMX 2.0 & HTMX 4.0 Features
Lesson 24
Hypermedia-Driven Application Architecture
Lesson 25
Build a Live Task Manager with HTMX
Lesson 26
Build a Real-Time Chat with HTMX
Lesson 27
Build a CRUD App with Django + HTMX
Lesson 28
Build an Admin Dashboard with HTMX
Lesson 29
Build a Search & Filter UI with HTMX