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.
0:04
But before we use htmx, we need to do a little bit of work to
0:08
actually get just the non-interactive functionality in place.
0:12
So in this chapter we're going to add inline editing or,
0:16
more accurately the ability to inline add a video.
0:20
So down here we want to have this form show at the bottom of every category
0:24
For example, this is the apple category.
0:28
Check out the URL at the top, video/category/apple.
0:31
And what we want to do is if we have another cool apple based video we
0:35
want to collect, we're going to add it to our database right here.
0:39
But do you want this huge form just stuck at the bottom?
0:41
No, of course not. You want something subtle and when you interact with it,
0:45
it comes to life, lets you edit it, and then it goes away again.
0:49
So that's what we're gonna do in this chapter.
0:52
We're going to create this form and make it dynamic and classy with htmx.