htmx is one of the hottest properties in web development today, and for good reason. This framework, along with the libraries and techniques introduced in this course, will have you writing the best Python web apps you've ever written: clean, fast, and interactive without all that frontend overhead.
If you are a Python web developer that has wanted to build more dynamic, interactive apps, but just don't want to (or can't) write a significant portion of your app in a rich frontend JavaScript framework, you'll absolutely love htmx. This library lets you write Python code you love and still add that clientside interactive aspect.
HTMX + Django: Modern Python Web Apps, Hold the JavaScript Course
Additional
About the Author: KnowThen (James Moore)
KnowThen (knowthen.com) is the long-running teaching brand of James Moore — known for unusually clear introductory courses on functional-programming-leaning languages and frameworks that the wider course market doesn't cover well.
The CourseFlix listing carries three KnowThen courses: Elm Beyond the Basics (the functional front-end language), Elixir & Phoenix for Beginners (the BEAM-based back-end stack), and HTMX + Django — Modern Python Web Apps, Hold the JavaScript (the server-rendered alternative to SPA architectures).
Material is paid and aimed at developers exploring the alternatives to the dominant JavaScript-and-React-everywhere paradigm. For broader content, see CourseFlix's Elixir, Elm, and Django category pages.
Watch Online 63 lessons
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | What is HTML? Demo | 00:54 | |
| 2 | The HOWL stack | 01:24 | |
| 3 | Big ideas covered in the course | 01:12 | |
| 4 | Prerequisites | 01:12 | |
| 5 | Comparing web frameworks to HTMX | 02:15 | |
| 6 | Git the course sample code | 00:38 | |
| 7 | Your Guide: Christopher Trudeau | 00:41 | |
| 8 | Interview with HTMX creator Carson Gross | 00:21 | |
| 9 | Intro to HTMX examples | 00:44 | |
| 10 | HTMX examples with Michael | 01:09 | |
| 11 | Example: Infinite scroll | 02:41 | |
| 12 | Example: Active search | 03:29 | |
| 13 | Example: Lazy loading | 02:37 | |
| 14 | Example: Bulk update | 03:18 | |
| 15 | On to the code | 00:13 | |
| 16 | Surveying the base project | 01:25 | |
| 17 | Project directory structure | 04:11 | |
| 18 | View for the home page | 01:57 | |
| 19 | Category model object | 01:23 | |
| 20 | View for the category page | 00:49 | |
| 21 | Video model object | 01:06 | |
| 22 | Views for feed and player pages | 00:56 | |
| 23 | Setting up your environment | 01:50 | |
| 24 | Creating a PyCharm project | 03:43 | |
| 25 | Packages | 00:40 | |
| 26 | Tour of the code | 02:00 | |
| 27 | Adding the form to the template | 01:35 | |
| 28 | Adding the form to the template | 01:45 | |
| 29 | Adding post handling to the category view | 03:10 | |
| 30 | Introducing Click to edit | 00:57 | |
| 31 | Creating the partials template for the form | 01:15 | |
| 32 | Inserting the Click to edit link | 03:16 | |
| 33 | Adding HTMX to the base HTML file | 00:37 | |
| 34 | The view for the form partial | 01:28 | |
| 35 | Cancelling the form | 00:44 | |
| 36 | Moving the click to edit link into a partial | 01:14 | |
| 37 | Inserting the cancel button | 01:08 | |
| 38 | Adding the view that cancels the form | 01:02 | |
| 39 | Concepts review | 01:18 | |
| 40 | Intro to search as you type | 02:32 | |
| 41 | Django Q objects | 01:15 | |
| 42 | Creating the search page template | 02:32 | |
| 43 | View with hard coded search results | 02:39 | |
| 44 | Add HTMX attributes to the input tag | 01:55 | |
| 45 | Installing the django-htmx package | 02:02 | |
| 46 | Update the search view | 03:16 | |
| 47 | Deep linking | 01:49 | |
| 48 | Concepts review | 01:43 | |
| 49 | Intro to infinite scrolling | 01:52 | |
| 50 | Modifying the feed template | 02:05 | |
| 51 | Adapting the feed view | 03:18 | |
| 52 | Infinite scroll demo | 00:57 | |
| 53 | Concepts review | 00:20 | |
| 54 | Mixing frameworks with HTMX intro | 00:28 | |
| 55 | Boostrap modals | 02:44 | |
| 56 | The about partial and modal HTML | 02:33 | |
| 57 | The About view | 01:06 | |
| 58 | Concepts review modals | 00:30 | |
| 59 | You're finished | 00:38 | |
| 60 | Setup | 00:31 | |
| 61 | Using HTMX | 00:46 | |
| 62 | HTMX attributes | 03:33 | |
| 63 | Further investigation | 01:29 |
Get instant access to all 62 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionRelated courses
-
Updated 3y ago2048 with Bevy ECS
By: Andrew Schmelyun2048 is a 2d board-oriented game. We cover foundational Bevy concepts while spawning tiles on the screen, handling user input, keeping score.1h 40m -
FreeUpdated 2y agoDive Into Ansible - From Beginner to Expert in Ansible
By: UdemyAnsible is a radically simple IT automation engine that automates cloud provisioning, configuration management, application deployment, intra-service orchestrat7h 33m5/5 -
Updated 2y agoAnsible Advanced - Hands-On - DevOps
By: UdemyThis is the second course in the series on Ansible and in this course we will be focusing on advanced concepts in Ansible and some real life use cases.2h 43m5/5