Django and HTMX #6 (part 1) - Building a Sortable Drag and Drop Interface

Показать описание

➡️ In the next video, we'll fix the frontend and allow user orderings to be created with HTMX and Django.

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

▶️ Full Playlist:

📌 𝗖𝗵𝗮𝗽𝘁𝗲𝗿𝘀:
00:00 intro
01:12 drag and drop sorting
07:47 refactoring django models

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

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

📚 𝗙𝘂𝗿𝘁𝗵𝗲𝗿 𝗿𝗲𝗮𝗱𝗶𝗻𝗴 𝗮𝗻𝗱 𝗶𝗻𝗳𝗼𝗿𝗺𝗮𝘁𝗶𝗼𝗻:

#django #htmx #python

BugBytes

Рекомендации по теме

Комментарии

I will rewrite my complex production product with htmx thanks to your htmx and other django series! You are really teacher from god! Thank you!

AlexeyDzuba

I'm mad grateful for the highest quality tutorials you're putting out here! Every video is a gem and you're a master of explaining concepts I would've never figured out myself in a billion years. I tried studying htmx on my own but ended up feeling inadequate about my previous understanding of function-based classes, now thanks to you I no longer feel like I have to constantly look up somebody else's code to write my own, it's just nice to get more confident in other things along the way.
Pinky promise to buy you so many coffees once I'm no longer broke asf ;_;

medicinalcocaine

This was so advanced.. think I 've to watch it again

mayconblopes_

Aaaah fantastic just what I was looking for! Been playing with htmx and need to do a drag and drop style thing... just setting up my demo with sortable.. and now I've found you've got this video! Genius!

Brocollipy

I fall in love with this series. Thank you very much.

mohammadshafayethaydar

Bro first of all big thank you for sharing this tutorial, This high level of code is really appreciated, that model thing with M2M nobody talks about it, and the migration part, most of them told you about deleting and then migrate again thing, But you did a great job with all this.
A big thank you!! Hope to see such high-quality stuff to learn in the future. cheers🍻

pravarsharma

Thank you. I love this series. Please do moreee😀

nicenaija

great work started following through yesterday...still on it ...

mrmuranga

Fantastic Scottish Django Developer! Found another one :D

tracesense

Awesome series, can't wait to see more! Maybe something like a Dependent/Chained Dropdown List across 3 fields would be great. Currently accomplish this with jquery or alpine but HTMX would be great. Thanks again!

robhafemeister

such an awesome series. really helpful!

TheGunnarRoxen

Hi! I love the tutorial - Quick question, the drag and drop functionality doesn't work on a mobile phone - Is there any way to fix this? :)

jonathandain

Would it be basically the same thing if I wanted to build a drag and drop sortable image gallery?

iloveloam

Can i create a tree with this? Like the folders and files in windows?

isaacfritsch

What will be the ordering if we need names in descending order? 3:15

beatificmusic

you get a comment, like, sub, AND a bell-

no body has ever gotten the bell...

ithesailor

do you provide personal paid assistance on existing project?

aafan.kuware

Django and HTMX #6 (part 1) - Building a Sortable Drag and Drop Interface

Django and HTMX #6 (part 1) - Building a Sortable Drag and Drop Interface

Django and HTMX #6 (part 2) - Building a Sortable Drag and Drop Interface

Django Ecommerce Website | Dynamic product lists | Htmx and Tailwind | Part 6

Django and HTMX #5 - Building a Dynamic Search Component

django-cotton, HTMX & Tailwind - Pagination and Filtering with Components in Django

Django & HTMX - Template Fragments with django-render-block

Django and HTMX #16 - Click to Edit pattern

Django and HTMX #8 - Infinite Scroll and the hx-push-url attribute

Django, HTMX and Alpine.js - Modals and Forms

Create a Dependent Select Field in Django With HTMX

Dynamic list views with Django and htmx

Django, HTMX and DaisyUI Components - Building a To-Do List App

django-crispy-forms and HTMX integration #2 - User Registration and Login/Logout

Build a Content Engine with Django, Kubernetes, TailwindCSS, Twingate, AWS S3, & HTMX FULL TUTO...

Django and HTMX #14 - Trigger Filters for Conditionally Triggering Requests

Python Django Tutorial: Full-Featured Web App Part 6 - User Registration

Django and HTMX #21 - WebSocket Notifications with the HTMX WebSocket Extension and django-channels

Modal forms with Django+HTMX

Django + Htmx | Build a Todo App with Django and Htmx | Django Project for Beginners

Django Dynamic Forms Tutorial with Htmx

DjangoCon Europe 2024 | Django + Alpine.js + htmx Ups & Downs

Django and HTMX #7 - File Uploads and Film Detail page

#6 HTML Basic + Advance Part IV | Python Django Full Stack Developer Course

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