Crafting Web Applications with HTMX
Modern web development is complex, but it doesn't have to be. HTMX can greatly simplify how you build modern web applications. Embrace simplicity, and join Jeremy McPeak as he uses HTMX (and Alpine) to modernize a basic web application.
Progress
Series Info
- Episodes
- 7
- Run Time
- 1h 13m
- Difficulty
- Intermediate
- Last Updated
- Aug 26, 2024
- Version
- Latest
Series Episodes
- Escape Complexity (7)
Getting Back to Basics
HTMX provides the opportunity to get back to basics—generating content on the server and using a dash of JavaScript to dynamically load it. Let's explore how we can use HTMX to dynamically load content.Triggering Requests
HTMX allows us to make an HTTP request from any element. In this episode, we'll learn how to trigger events on different elements.Updating Multiple Parts of a Page
HTMX offers various ways to update multiple parts of a page. In this episode, we'll explore the most straightforward approach: out-of-band updates.Simplifying Server Code
Let's take a few minutes to write some custom classes that will make it easier to send content back to HTMX.Enhancing the User Experience
Modern web applications are all about providing a rich user experience, and we can achieve the same with Alpine. It works seamlessly with HTMX.Handling Navigation and History
People use the back and forward buttons in the browser, and they sometimes type URLs into the navigation bar. Users expect these browser features to work seamlessly. Therefore, we need to ensure our applications are compatible with them.Triggering Server Events
Server events are common in modern applications. HTMX refers to them as triggers, and it is easy to listen for and work with these triggers. Let's enhance our custom response class to send triggers effectively.
