Django and HTMX #16 - Click to Edit pattern

▶ Django & HTMX FULL COURSE: https://www.udemy.com/course/django-htmx-hypermedia-web-apps/?referralCode=8927C26ADA4349CD3928 This video demonstrates the click to edit pattern, using HTMX and Django. This pattern is integrated with Django Form classes, and allows users to dynamically edit and update existing data. The update is done with a PUT request, using the hx-put attribute. ▶️ Full Playlist: https://www.youtube.com/playlist?list=PL-2EBeDYMIbRByZ8GXhcnQSuv2dog4JxY 📌 𝗖𝗵𝗮𝗽𝘁𝗲𝗿𝘀: 00:00 Intro 00:57 Creating detail URL and View 03:15 Creating detail templates 04:26 Adding links to detail page 06:49 Adding Form URL and View 09:58 Adding Form template 11:47 Handling PUT request in View 13:56 QueryDict object in Django ☕️ 𝗕𝘂𝘆 𝗺𝗲 𝗮 𝗰𝗼𝗳𝗳𝗲𝗲: To support the channel and encourage new videos, please consider buying me a coffee here: https://ko-fi.com/bugbytes 𝗦𝗼𝗰𝗶𝗮𝗹 𝗠𝗲𝗱𝗶𝗮: 📖 Blog: https://www.bugbytes.io/posts/ 👾 Github: https://github.com/bugbytes-io/django-htmx-studentlist 🐦 Twitter: https://twitter.com/bugbytesio 📚 𝗙𝘂𝗿𝘁𝗵𝗲𝗿 𝗿𝗲𝗮𝗱𝗶𝗻𝗴 𝗮𝗻𝗱 𝗶𝗻𝗳𝗼𝗿𝗺𝗮𝘁𝗶𝗼𝗻: Django QueryDict: https://docs.djangoproject.com/en/4.0/ref/request-response/#querydict-objects HTMX Click to Edit: https://htmx.org/examples/click-to-edit/ django-htmx: https://github.com/adamchainz/django-htmx CSRF tokens & HTMX: https://github.com/bigskysoftware/htmx/issues/70#issuecomment-774512790 #django #htmx #python