HTMX + Django: Modern Python Web Apps, Hold the JavaScript Course
Course description
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.
Watch Online
Watch Online HTMX + Django: Modern Python Web Apps, Hold the JavaScript Course
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 subscriptionComments
0 commentsSimilar courses

DevOps Project - 2022: CI/CD with Jenkins Ansible Kubernetes

2048 with Bevy ECS

Complete Ansible Bootcamp: Go from zero to hero in Ansible

Devops Fundamentals - CI/CD with AWS +Docker+Ansible+Jenkins

Want to join the conversation?
Sign in to comment