HTMX + Django: Modern Python Web Apps, Hold the JavaScript Transcripts
Chapter: Surveying the non-JS-enabled Django app
Lecture: Surveying the base project
Login or
purchase this course
to watch this video and the rest of the course contents.
0:00
In the previous lesson you saw some example HTMX from the toolkit's own website.
0:07
This lesson gives an overview of the Base Django project you'll be adapting with new HTMX features later in the course.
0:15
The Video Collector project is a website that tracks YouTube video titles and stores them by category.
0:21
It's reminiscent of the old Yahoo-style category sites where topics were grouped together.
0:27
This is a screenshot of the base project, and if you squint at that tiny little URL
0:33
you can see it's being hosted out of the local Django development server. Project has four pages. A homepage that lists the categories of videos.
0:42
A category page that displays all the videos in that category. A feed page that shows all the videos in the site.
0:51
And an embedded player page that is shown when you click on a video in either the category or feed pages. Here on the homepage,
0:59
there are five categories of video content, each with its own banner image. If you click on any of these images, you'll be taken to a page listing
1:08
all the videos in that category. The site is built using Bootstrap and Font Awesome. Nothing terribly complex is used,
1:16
mostly just row column divs for layout. If you haven't used Bootstrap before, you didn't worry, there isn't much HTML to write in this course.