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
1h 44m 50s
English
Paid
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
0:00
/ #1: What is HTML?
All Course Lessons (63)
| # | 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 |
Unlock unlimited learning
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
-
FreeUpdated 2y agoMastering Ansible
By: UdemyDive deep into Ansible for managing and orchestrating application stacks. Perfect for beginners interested in infrastructure-as-code and DevOps.4h 47m5/5 -
Updated 3y agoDevops Fundamentals - CI/CD with AWS +Docker+Ansible+Jenkins
By: UdemyLets get into Devops World from Scratch with real time Hands On Projects to build Solutions for CI/CD through Jenkins with deploying Docker Containerized apps8h 46m0/5 -
Updated 2y agoAnsible: Ansible Automation Masterclass: 2-in-1
By: UdemyAnsible is a simple IT automation engine, that automates cloud provisioning, configuration management, application deployment, intra-service orchestration.17h 33m
Frequently asked questions
What prerequisites should I have before taking this course?
Before enrolling, you should have a basic understanding of HTML, as covered in the initial lesson, and be familiar with Python web development. These prerequisites are essential because the course builds on these foundational skills to explore HTMX and Django for creating interactive web applications.
What kind of projects or examples will I work on during the course?
Throughout the course, you will work on various interactive examples such as infinite scroll, active search, lazy loading, and bulk updates. These examples are designed to help you understand the integration of HTMX with Django and how to add dynamic features without relying heavily on JavaScript.
Who is the target audience for this course?
The course is intended for Python web developers who are interested in building dynamic and interactive web applications. It is particularly suited for those who prefer to avoid extensive use of frontend JavaScript frameworks and instead leverage server-side Python code with HTMX.
How does this course compare to others focusing on JavaScript frameworks?
Unlike courses that focus on rich frontend JavaScript frameworks, this course emphasizes backend development with Django and the use of HTMX to achieve interactivity. It allows developers to build interactive web apps without the need for extensive JavaScript, focusing instead on server-side logic.
What specific tools or platforms will I learn to use in this course?
You will learn to use HTMX for adding interactivity to web applications and Django as the backend framework. The course also covers specific tools like PyCharm for project setup and the django-htmx package to enhance Django's capabilities with HTMX.
What are some topics that are not covered in this course?
The course does not cover frontend JavaScript frameworks in detail, as the focus is on avoiding their use by leveraging HTMX. Additionally, it does not delve into advanced Django features beyond those necessary to integrate with HTMX for interactive web development.
How much time should I expect to dedicate to this course?
The course consists of 63 lessons and is designed to be comprehensive, covering various aspects of integrating HTMX with Django. While the total runtime is not specified, students should be prepared to invest time in understanding the concepts and completing the example projects.