HTMX - The Practical Guide
Learn how to use the HTMX library to extend HTML and write simple yet powerful code.
Watch Promo Enroll in Course
Are you tired of picking the right JS library from a vast sea of libraries? And do you sometimes feel like frontend JavaScript development & code became unnecessarily complex?
HTMX might just be the right solution for you!
Because HTMX is an amazing JavaScript library that helps you avoid writing client-side JavaScript code!
It's a library that extends HTML by adding new attributes which you can use to add & control element behavior. Specifically, HTMX is a library that simplifies the process of sending AJAX requests and updating the DOM based on the response.
But you'll learn all about the core HTMX features as well as advanced HTMX concepts you need to know in detail in this course!
HTMX is a such an amazing library that allows you to write efficient client-side code that I simply had to create a course on it - even though I originally didn't plan to do that!
Therefore, in this course, I'll walk you through all core HTMX concepts step-by-step, without any prior HTMX knowledge assumed!
In detail, you'll learn:
- What HTMX is & how it works
- How to add HTMX to a website
- How to use HTMX for sending AJAX HTTP requests
- How to control request data
- How to control where the response will be rendered
- How to control which part of the response will be rendered
- How to handle responses with multiple content elements
- How to configure requests & responses
- How to build single-page-applications (SPAs) with HTMX
- And much, much more!
And you'll learn all that by working on multiple demo projects which allow you to dive deeper and deeper into HTMX.
Therefore, by the end of the course, you'll be able to add HTMX to your next web projects and reap its benefits!
4+
hours
65
lessons
Course Curriculum
-
StartModule Introduction (1:01)
-
StartProject Setup (5:08)
-
StartInstalling HTMX (3:23)
-
StartUsing HTMX & Sending GET Requests (9:01)
-
StartDeep Dive: Where & How Can You Use HTMX? (3:42)
-
StartDefining Response Target with hx-target (4:28)
-
StartChanging the Request Trigger with hx-trigger (4:09)
-
Starthx-trigger: Advanced Settings
-
StartFrom GET to POST with hx-post (4:01)
-
StartSubmitting Data with HTMX (4:36)
-
StartHandling POST Requests & Responses with HTMX (6:53)
-
StartPicking Parts of a Response with hx-select (3:46)
-
StartTime to Practice! (12:42)
-
StartModule Introduction (1:31)
-
StartStarting Project (1:15)
-
StartSending DELETE Requests (8:58)
-
StartAvoiding Client-Server Sync Issues (5:58)
-
StartHTMX Inheritance (3:12)
-
StartReusing HTML Fragments (3:29)
-
StartAdvanced Targeting with hx-target (4:27)
-
StartRequesting Confirmation with hx-confirm (2:11)
-
StartListening to Events with hx-on (3:19)
-
StartHandling Events with hx-on
-
StartWorking with HTMX-specific Events (5:04)
-
StartDisabling Elements During Requests (3:05)
-
StartOnwards To A New Project & Sending A POST Request Without A Form (4:07)
-
StartAdding Extra Request Values (3:23)
-
StartReturning a List Fragment in the Response (2:42)
-
StartSetting HTMX Attributes Dynamically (On The Client)
-
StartSetting HTMX Attributes Dynamically (On The Server) (6:41)
-
StartPerforming Out Of Band Swaps (6:25)
-
StartOut Of Band Swaps & Delete Requests (2:17)
-
StartAdvanced Swapping Configuration: Scrolling Content Into View (5:26)
-
StartAdding Separate JavaScript Files & Code (7:41)
-
StartUpdating The UI Without HTMX (With Custom JavaScript Code) (5:31)
-
StartUsing HTML Element Data With Help Of HTMX (3:32)
-
StartHandling Default Events With JavaScript (1:48)
-
StartPausing & Resuming HTMX Requests (3:50)
-
StartPreparing The Project For The Next Steps (6:04)
-
StartRevisiting HTMX Requests & Event Handling (6:29)
-
StartImplementing Polling (3:01)
-
StartConfiguring HTMX Globally (3:27)
-
StartWorking with HTMX Extensions (2:54)
Course Prerequisites
No prior HTMX knowledge is required!
Basic web development knowledge is required
Basic JavaScript knowledge helps but is not a strict requirement
All pre-requisites are covered by courses in our "Academind Pro" Membership.
Don't take my word for it - here's what other students are saying.
Ira Scott Herman
The more I go through this course, the more incredible I think it is! The course is well organized and practical knowledge. The instructor uses best practices, and is consistently updating the course so I just keep getting more and more value from my initial purchase.
J. Scott Cromie
I feel like I learned a ton and feel like I can build custom apps to store on the flat thingy I keep in my pocket! Thanks for the course. It's great. Highly recommended.
Rachael Bouissey
As always, great teacher. I got a lot out of the React course and React Native is starting out just as helpful. Never would have made it through bootcamp without Maximillian!
30 Day Money Back Guarantee - No Questions Asked!
Our courses helped thousands of students learn something new and improve their lives.
We're so convinced by our course quality that we guarantee your success and provide a full refund within the first 30 days if you're not happy with the course.
Your Instructor
As a self-taught professional I really know the hard parts and the difficult topics when learning new or improving on already-known languages. This background and experience enable me to focus on the most relevant key concepts and topics. My track record of many 5-star rated courses, more than 2,500,000 students worldwide as well as a successful YouTube channel with 900.000 subscribers is the best proof for that.
The most rewarding experience for me is to see how people find new, better jobs, build awesome web applications, work on amazing projects or simply enjoy their hobby with the help of my content.
That's why, together with Manuel Lorenz, I founded Academind to offer the best possible learning experience and to share the pleasure of learning with our students.
Frequently Asked Questions
Join 1561 happy students!
Single-Course License
Full access to "HTMX - The Practical Guide
$69
Access to this course only.
This is a one-time payment that grants access to this course only, not to any other courses.
Academind Pro Membership
Unlimited access to this and all other current & future courses!
$25/month
Cancel Anytime!
This is a recurring payment, charged automatically on a monthly basis. You can cancel anytime from inside your user profile to avoid being charged again once your billing cycle ends. For more information, please contact Academind.