MENU

Fun & Interesting

Django & HTMX App - Form Validation & Tests with HTMX

BugBytes 4,489 10 months ago
Video Not Working? Fix It Now

โ˜•๏ธ ๐—•๐˜‚๐˜† ๐—บ๐—ฒ ๐—ฎ ๐—ฐ๐—ผ๐—ณ๐—ณ๐—ฒ๐—ฒ: To support the channel and encourage new videos, please consider buying me a coffee here: https://ko-fi.com/bugbytes โญTop resource to learn Python - https://datacamp.pxf.io/kOjKkV โญ In this video, we'll add form validation and error-handling to our form, and wire that up to work with HTMX. We'll see how to navigate between pages, and update the URL with the hx-push-url attribute. We'll also write tests, using pytest, for the add transaction functionality. Github: https://github.com/bugbytes-io/Django-HTMX-Finance-App ๐Ÿ“Œ ๐—–๐—ต๐—ฎ๐—ฝ๐˜๐—ฒ๐—ฟ๐˜€: 00:00 Intro 01:54 Adding form validation method in Django 09:47 Changing hx-target on form error with django-htmx 12:41 Adding Cancel button on transaction page with HTMX 14:50 Writing tests for adding transactions ๐—ฆ๐—ผ๐—ฐ๐—ถ๐—ฎ๐—น ๐— ๐—ฒ๐—ฑ๐—ถ๐—ฎ: ๐Ÿ“– Blog: https://bugbytes.io/posts/ ๐Ÿ‘พ Github: https://github.com/bugbytes-io/Django-HTMX-Finance-App ๐Ÿฆ Twitter: https://twitter.com/bugbytesio ๐Ÿ“š ๐—™๐˜‚๐—ฟ๐˜๐—ต๐—ฒ๐—ฟ ๐—ฟ๐—ฒ๐—ฎ๐—ฑ๐—ถ๐—ป๐—ด ๐—ฎ๐—ป๐—ฑ ๐—ถ๐—ป๐—ณ๐—ผ๐—ฟ๐—บ๐—ฎ๐˜๐—ถ๐—ผ๐—ป: Django-htmx: https://django-htmx.readthedocs.io/en/latest/ HeroIcons: https://heroicons.com/ DaisyUI Alert: https://daisyui.com/components/alert/ HTMX: https://htmx.org/docs/ #python #django #webdevelopment #htmx

Comment