Build a Simple HTMX Project | HTMX Explained with Examples

Build a simple HTMX Project in this tutorial. HTMX explained with examples is the fastest way to learn how it works. We will look at a simple CRUD app and review how HTMX works.

⭐ Become a full-stack web dev with Zero To Mastery Courses:

👇 Follow Me On Social Media:

Build a Simple HTMX Project | HTMX Explained with Examples

(00:00) Intro
(00:05) Welcome
(00:27) HTMX is not HTML
(01:05) Installing HTMX
(01:31) Reviewing the HTMX web page
(05:38) Server Delivering HTML to HTMX
(08:01) Hono Server
(08:44) My Thoughts on HTMX
(09:29) Running the Project

📚 Tutorial References:

Was this Simple HTMX Project tutorial helpful? If so, please share. Let me know your thoughts in the comments.

#htmx #project #simple

[thebilalafsar]

I've been waiting to learn HTMX from you. Great content, as always, with clear explanations and examples😊

[irvanicsmoke]

the timing is just right. thank you so much dave.

[amanrawat]

Again one of the awesome tutorial. Thanks Dave 😊

[amerrashed]

Htmx is really awesome.❤ It removes the headache of all js frameworks. Thanks Dave.

[TravinskiyVladislav]

That's good. Looks like a great feature.Thank you Dave

[doors]

Hey! Tuesday Dave! 🤘
Forgot to mention, Yes! absolutely do a Hono tutorial.

[celkygu]

I completed your React and Node.js tutorials and I have no words for thanks to you.
I was struggling with node.js but you make it very simple, again, thanks a lot 😊.

[eboyd]

Thanks Dave. Hono sounds interesting and a vid on it would be great.

[avelinecash]

finally, an htmx tut from you. thanks!

[alvarouribe]

Thank you Dave this is a great first video on HTMX. I just find out a little bug in the backend part. PR added to your project :)

[aghil_shoja]

Hi, it was interesting Dave!
I like the colors and design you've used on your website and your vedios on YouTube and anything related to design, it doesn't bother eyes. 👍

[eg___xo]

You are great at what you do. I apprecaite you!

[frackinfamous]

Just the kinda guy I was waiting to learn HTMX from!!! LFG sir.

[maciejlegowicz]

A very useful explanation of the HTMX concept. As my weapon of choice is PHP (mainly Laravel framework) it is still useful, as I may use HTMX on my next project. Thanks - cheers

[robmorris]

Nice tutorial. How would I set the todo items to browser storage?

[stickyamp]

Hey i liked some of your videos of advance topics in javascript, keep doing more videos like those please :D

[emerelle]

I'm somewhat excited about that htmx stuff and might explore it. but don't have any experience on that "backend-stuff". I thought I could do it with php or something. I'll see how it goes. x)

[PostMeridianLyf]

I haven't touched htmx yet but man this looks super easy to implement with Firebase functions in a nodejs environment.

[MarkVolkmann]

It would be good to mention the upsides of generating some of the HTML on the server. Those include moving all the state management to the server so it is in one place. Also, the endpoints no longer need to be versioned since they are specific to the app, not shared like many JSON API’s are.

[gregben]

Thanks for the tutorial. For others, if you get the error "'tsx' is not recognized as an internal or external command, operable program or batch file.", update npm and/or node.