HTMX + Flask: Modern Python Web Apps, Hold the JavaScript Transcripts
Chapter: Feature 1: Click-to-edit
Lecture: Introduction to building the non-htmx form
Login or
purchase this course
to watch this video and the rest of the course contents.
0:00
I'm excited. We're about to add our first feature using htmx. But before we use htmx, we need to do a little bit of work to
0:09
actually get just the non-interactive functionality in place. So in this chapter we're going to add inline editing or,
0:17
more accurately the ability to inline add a video. So down here we want to have this form show at the bottom of every category
0:25
For example, this is the apple category. Check out the URL at the top, video/category/apple.
0:32
And what we want to do is if we have another cool apple based video we want to collect, we're going to add it to our database right here.
0:40
But do you want this huge form just stuck at the bottom? No, of course not. You want something subtle and when you interact with it,
0:46
it comes to life, lets you edit it, and then it goes away again. So that's what we're gonna do in this chapter.
0:53
We're going to create this form and make it dynamic and classy with htmx.