Autoplay
Autocomplete
Previous Lesson
Complete and Continue
HTMX - The Practical Guide
Getting Started
Welcome! (1:47)
What Is HTMX? And Why Would You Use It? (2:22)
Course Resources & Community
HTMX Essentials
Module Introduction (1:01)
Project Setup (5:08)
Installing HTMX (3:23)
Using HTMX & Sending GET Requests (9:01)
Deep Dive: Where & How Can You Use HTMX? (3:42)
Defining Response Target with hx-target (4:28)
Changing the Request Trigger with hx-trigger (4:09)
hx-trigger: Advanced Settings
From GET to POST with hx-post (4:01)
Submitting Data with HTMX (4:36)
Handling POST Requests & Responses with HTMX (6:53)
Picking Parts of a Response with hx-select (3:46)
Time to Practice! (12:42)
Advanced HTMX: Beyond The Basics
Module Introduction (1:31)
Starting Project (1:15)
Sending DELETE Requests (8:58)
Avoiding Client-Server Sync Issues (5:58)
HTMX Inheritance (3:12)
Reusing HTML Fragments (3:29)
Advanced Targeting with hx-target (4:27)
Requesting Confirmation with hx-confirm (2:11)
Listening to Events with hx-on (3:19)
Handling Events with hx-on
Working with HTMX-specific Events (5:04)
Disabling Elements During Requests (3:05)
Onwards To A New Project & Sending A POST Request Without A Form (4:07)
Adding Extra Request Values (3:23)
Returning a List Fragment in the Response (2:42)
Setting HTMX Attributes Dynamically (On The Client)
Setting HTMX Attributes Dynamically (On The Server) (6:41)
Performing Out Of Band Swaps (6:25)
Out Of Band Swaps & Delete Requests (2:17)
Advanced Swapping Configuration: Scrolling Content Into View (5:26)
Adding Separate JavaScript Files & Code (7:41)
Updating The UI Without HTMX (With Custom JavaScript Code) (5:31)
Using HTML Element Data With Help Of HTMX (3:32)
Handling Default Events With JavaScript (1:48)
Pausing & Resuming HTMX Requests (3:50)
Preparing The Project For The Next Steps (6:04)
Revisiting HTMX Requests & Event Handling (6:29)
Implementing Polling (3:01)
Configuring HTMX Globally (3:27)
Working with HTMX Extensions (2:54)
Working with HTMX Requests & Responses - Advanced Concepts
Module Introduction (1:34)
Starting Project (2:15)
Sometimes, HTMX Doesn't Submit The Data We Need (3:03)
Controlling Attached Data to Outgoing Request with hx-params (4:09)
Adding Headers to Outgoing Requests (2:40)
Implementing Form Validation With HTMX (4:05)
Synchronizing Multiple Requests (4:06)
Triggering "Real Redirects" (4:28)
Retargeting Responses & Reconfiguring Response Handling (6:28)
Handling Multi-Response Cases With A Special Extension (5:34)
Building Single-Page-Applications (SPAs) With HTMX
Module Introduction (1:43)
From Multi-Page Application (MPA) to Single-Page-Application (SPA) (3:29)
Using HTMX Attributes To Fetch & Render Entire Pages (2:35)
Updating the URL & Saving Previous Page State (2:25)
Unlocking Automatic & Progressive Enhancement with hx-boost (2:36)
Boosting Forms & Post Requests (3:12)
Summary (0:55)
Roundup
Course Roundup (3:59)
Handling Default Events With JavaScript
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock