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
HTMX + Django: Modern Python Web Apps, Hold the JavaScript Course is a 63-lesson 1 hour 44 minutes self-paced course by KnowThen (James Moore). htmx is one of the hottest properties in web development today, and for good reason.
Course facts
- Lessons
- 63
- Duration
- 1 hour 44 minutes
- Level
- All levels
- Language
- English
- Updated
- Instructor
- KnowThen (James Moore)
- Price
- Premium
Additional
Who teaches HTMX + Django: Modern Python Web Apps, Hold the JavaScript Course? 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.
What lessons are included in HTMX + Django: Modern Python Web Apps, Hold the JavaScript Course?
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 subscriptionWhat courses are similar to HTMX + Django: Modern Python Web Apps, Hold the JavaScript Course?
-
Updated 1y agoData Analysis for Beginners: Python & Statistics
By: Zero To MasteryEmbark on your journey into the world of data analysis with this comprehensive course on Python and statistics.6h 34m5/5 -
![[Full Stack] Airbnb Clone Coding thumbnail](https://cdnq.courseflix.net/course/thumbnail/full-stack-airbnb-clone-coding-160x90.webp "[Full Stack] Airbnb Clone Coding thumbnail")
Updated 3y ago[Full Stack] Airbnb Clone Coding
By: Nomad CodersIn this series, we make an AirBnb clone. We will develop a complete stack that runs the entire loop, including front + back + distribution.29h 47m -
Updated 2y agoFull Web Apps with FastAPI
By: Talk Python TrainingFastAPI has burst on to the Python web scene. In fact, the 2020 PSF developer survey shows FastAPI going from off the radar to the 3rd most popular and fastest7h 12m -
FreeUpdated 2y agoWeb Developer Bootcamp with Flask and Python in 2022
By: UdemyWelcome to the Web Developer Bootcamp with Flask and Python! In this course, you'll learn how to build and deploy dynamic websites using Python, Flask, MongoDB19h 57m -
Updated 3mo agoVibe Code a Generative AI Finance App with Python and LangChain
By: Zero To MasteryMaster the creation of AI applications for investments using Python and LangChain. Practice developing a fintech application and understanding financial metrics7h 36m5/5 -
FreeUpdated 2y agoCS50's Web Programming with Python and JavaScript
By: HarvardX (Harvard University)Topics include database design, scalability, security, and user experience. Through hands-on projects, you'll learn to write and use APIs, create interactive UI14h 3m5/5 -
Updated 2y agoMake a Location-Based Web App With Django and GeoDjango
By: Real PythonThroughout this course, you’ll learn how to use Django and GeoDjango to build a location-based web application from scratch. You’ll be building a simple nearby56m -
Updated 2y agoSecure APIs with FastAPI and the Microsoft Identity Platform
By: Talk Python TrainingAzure Active Directory (Azure AD) is a cloud-based Identity and Access Management service from Microsoft. With security threats on the rise it’s important to kn1h 45m
More courses by KnowThen (James Moore)
-
Updated 3y agoElixir & Phoenix for Beginners
The above statement is conventional wisdom that I'm sure most of us programmers would generally agree with, but let me ask you this, do you think each of the 2017h 24m -
Updated 3y agoElm Beyond the Basics
Learn How to Build Web Apps With Elm. Elm is an amazing new functional programming language for building Front End Web Applications. Personally, I like Elm beca4h 47m
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.