HTMX for ASP.NET Core Developers – Tutorial

Maarten Balliauw

If you’re developing ASP.NET Core applications, and are looking at building a rich client-side experience, you’re in luck. We just published a new tutorial to the JetBrains .NET Guide:

HTMX for ASP.NET Core Developers

In this tutorial, our developer advocate Khalid Abuhakmeh introduces you to HTMX, and how to integrate it into your ASP.NET Core apps.

HTMX is a JavaScript library designed to bring the fun back into building robust client-side applications. It relies on server-rendered HTML to create client-side experiences with an approachable declarative set of attributes that support all of the HTTP methods typically unavailable as part of traditional HTML forms.

In 15 steps, you will learn about a variety of topics, from installing the library into an existing ASP.NET Core application to examples of using HTMX to provide UI experiences from the simple to the extremely complex.

Finally, you’ll see a “real world” sample of HTMX in a shopping cart site, bringing together all concepts that you learned in earlier steps.

All code is available on GitHub as well, so you can explore the many examples that Khalid cooked up.

Now go check out the tutorial!

What else is there?

The JetBrains .NET Guide has several other tutorials about .NET technologies:

• Docker For .NET Developers, where we explore what Docker is and how to use it with your .NET projects.
• Moving from Visual Studio to JetBrains Rider, in which we look at the differences between both IDEs.
• ReSharper Essentials and Rider Essentials, where we cover how the JetBrains tools can help you write better code, faster.
• Profiling in Rider, in which we see how to analyze your application performance using dotTrace, dotMemory and Dynamic Program Analysis (DPA) in Rider.
• … and many more

Have your own tips & tricks to share? Want to see or write a specific tutorial? Share your thoughts in the comments below!

Subscribe to a monthly digest curated from the .NET Tools blog:

Subscribe form

By submitting this form, I agree to the JetBrains Privacy Policy Notification icon

By submitting this form, I agree that JetBrains s.r.o. ("JetBrains") may use my name, email address, and location data to send me newsletters, including commercial communications, and to process my personal data for this purpose. I agree that JetBrains may process said data using third-party services for this purpose in accordance with the JetBrains Privacy Policy. I understand that I can revoke this consent at any time in my profile. In addition, an unsubscribe link is included in each email.

Submit

Thanks, we've got you!