HTMX for ASP.NET Core Developers
A set of videos explaining what HTMX is, and how ASP.NET Core developers can use it to create rich client-side experiences.
Hi! I'm Khalid and welcome to my series on HTMX for ASP.NET Core Developers.
ASP.NET Core developers predominantly spend their development time on the server, trying their best to steer clear of the scary world of client-side development. But here's a secret, it doesn't have to be a daunting prospect to build client-side experiences if you use HTMX. Learn what HTMX is, how to integrate it with your existing knowledge of ASP.NET Core development, and how to take your client-side development to the next level with relative ease. You'll never look at client-side development the same way ever again.
Introduction
Giving context to HTMX.
What is HTMX?
Understanding the spirit of the HTMX library.
Hello, HTMX!
No series is complete without a "Hello, World" sample.
HTMX state management
Maintaining state across requests.
HTMX cascading selects
One thing leads to another.
Typeahead search with HTMX
Live updates based on your search query.
Infinite scrolling with HTMX
Streaming infinite content to your users.
Server-powered modals with HTMX
Create modal dialogs on the server.
Tabs, tabs, and more tabs with HTMX
Asynchronous rendering of tabs on the server.
Shortcut keys for web applications
Add keyboard shortcuts to make your web an app.
Server-side validation, client-side feel
Validate models on the server, display results on the client.
Polling to get recent updates
Retrieve updated information from the server.
Server-sent events for realtime updates
Send messages to clients in realtime.
ASP.NET Core Razor TagHelpers for HTMX
Simplify integration of HTMX in ASP.NET Core apps.
Client-side templating with Mustache and HTMX
Generate HTML on the client, based on JSON.
Out-of-band swaps with HTMX
Swap and replace any HTML element.
Real-world shopping cart and conclusion
See all HTMX techniques come together.