Django and HTMX #3 - Listing and Creating Items (with no refresh!)

In this video, we will create a reactive film-list page that allows users to add new films to their list, all using HTMX and Django and without any custom JavaScript or page refreshes!

The final code for this is on the "Video #3" directory on the Github link below.

▶️ Full Playlist:

☕️ 𝗕𝘂𝘆 𝗺𝗲 𝗮 𝗰𝗼𝗳𝗳𝗲𝗲:
To support the channel and encourage new videos, please consider buying me a coffee here:

𝗦𝗼𝗰𝗶𝗮𝗹 𝗠𝗲𝗱𝗶𝗮:

#django #htmx #python

[ParhamSalamati]

You've been the best explainer I've found on the YouTube so far, right into the point, not a single second wasted in content, no annoying intro/outro stuff, whole concept in less than 15 minutes. You're a ninja!
Thanks for putting the effort, you have no idea how much time you're saving people, really appreciate it :)

[MrBrunoPING]

I make your words mine, John Rogers. The teacher has excellent teaching skills. Very clear and at the right speed.

[NathanFisk]

As I said earlier, I'm really glad I found this series on Reddit. Really top drawer content. The pace is absolutely spot on.

HTMX looks great too and certainly quicker than some stuff I currently do with DRF and Vue.

Looking forward to the rest of the series.

[caya]

Loving this series. Thank you for sharing it!

[kaanarda]

I enjoyed watching all the htmx series. It was a great explanation, it would be great if you could prepare more examples. An example of assigning with dropdown selection in a list would be nice. Good luck

[johnrogers]

Excellent series, just right for my level of learning. Thank you so much.

[seanraz]

Great video. I think HTMX is just the ticket for delivering cost-effective apps to my clients!

[Tny]

Thank you so much for these tutorials
Im excited while testing it out, you explain beautifully !

[silkogelman]

Wow, these Django HTMX videos are awesome! 🥳
Thank you so much!

I really like your teaching style and I'm learning a lot of fun new Django & HTMX details.
I hope you continue to add more.

[thomasbalkis]

Amazing series i made an extersion of your example Listing and creating items with a modal form

[davidx]

The content is absolutely fantastic! Thank you

[codingtips]

Thanks bro, this is exactly what I was looking for.

[AntonFrolov]

Loving it!
One question, though, why do you pronounce the CharField as CarField, or did I mishear?

[maheshpol]

Please make similar series for django-unicorn, , , , specially chained dropdown

[Leezaardd]

Great videos, thank you I'm learning a lot.
I have a doubt maybe you can help me, is there a way to set the input tag again to an empty string when we add the new item and this renders in the list?

[darkbluewalther]

Great, thanks! How would you delete the field content when the film is actually added? Using hyperscript?

[gustavvilaca]

How does one prevent items with blank names from being created?

[joebullard]

Instead of swapping all of the films in, would there be any issue with simply adding a html render of a single film object to the end with beforeend?

[isaachatilima]

How can I use toast notifications or alerts to show success or error with htmx?

[FernandoLopez-vcld]

hello, how can I clean the input text when I create a new item?