CourseFlix

HTMX + Django: Modern Python Web Apps, Hold the JavaScript Course

1h 44m 50s
English
Paid

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.

Additional

https://github.com/talkpython/htmx-django-course

About the Author: KnowThen (James Moore)

KnowThen (James Moore) thumbnail

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

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 63 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: What is HTML?
All Course Lessons (63)
#Lesson TitleDurationAccess
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 subscription

Course content

63 lessons · 1h 44m 50s
Show all 63 lessons
  1. 1 What is HTML? 00:54
  2. 2 The HOWL stack 01:24
  3. 3 Big ideas covered in the course 01:12
  4. 4 Prerequisites 01:12
  5. 5 Comparing web frameworks to HTMX 02:15
  6. 6 Git the course sample code 00:38
  7. 7 Your Guide: Christopher Trudeau 00:41
  8. 8 Interview with HTMX creator Carson Gross 00:21
  9. 9 Intro to HTMX examples 00:44
  10. 10 HTMX examples with Michael 01:09
  11. 11 Example: Infinite scroll 02:41
  12. 12 Example: Active search 03:29
  13. 13 Example: Lazy loading 02:37
  14. 14 Example: Bulk update 03:18
  15. 15 On to the code 00:13
  16. 16 Surveying the base project 01:25
  17. 17 Project directory structure 04:11
  18. 18 View for the home page 01:57
  19. 19 Category model object 01:23
  20. 20 View for the category page 00:49
  21. 21 Video model object 01:06
  22. 22 Views for feed and player pages 00:56
  23. 23 Setting up your environment 01:50
  24. 24 Creating a PyCharm project 03:43
  25. 25 Packages 00:40
  26. 26 Tour of the code 02:00
  27. 27 Adding the form to the template 01:35
  28. 28 Adding the form to the template 01:45
  29. 29 Adding post handling to the category view 03:10
  30. 30 Introducing Click to edit 00:57
  31. 31 Creating the partials template for the form 01:15
  32. 32 Inserting the Click to edit link 03:16
  33. 33 Adding HTMX to the base HTML file 00:37
  34. 34 The view for the form partial 01:28
  35. 35 Cancelling the form 00:44
  36. 36 Moving the click to edit link into a partial 01:14
  37. 37 Inserting the cancel button 01:08
  38. 38 Adding the view that cancels the form 01:02
  39. 39 Concepts review 01:18
  40. 40 Intro to search as you type 02:32
  41. 41 Django Q objects 01:15
  42. 42 Creating the search page template 02:32
  43. 43 View with hard coded search results 02:39
  44. 44 Add HTMX attributes to the input tag 01:55
  45. 45 Installing the django-htmx package 02:02
  46. 46 Update the search view 03:16
  47. 47 Deep linking 01:49
  48. 48 Concepts review 01:43
  49. 49 Intro to infinite scrolling 01:52
  50. 50 Modifying the feed template 02:05
  51. 51 Adapting the feed view 03:18
  52. 52 Infinite scroll demo 00:57
  53. 53 Concepts review 00:20
  54. 54 Mixing frameworks with HTMX intro 00:28
  55. 55 Boostrap modals 02:44
  56. 56 The about partial and modal HTML 02:33
  57. 57 The About view 01:06
  58. 58 Concepts review modals 00:30
  59. 59 You're finished 00:38
  60. 60 Setup 00:31
  61. 61 Using HTMX 00:46
  62. 62 HTMX attributes 03:33
  63. 63 Further investigation 01:29

Related courses

  • Dive Into Ansible - From Beginner to Expert in Ansible thumbnailFree

    Dive Into Ansible - From Beginner to Expert in Ansible

    By: Udemy
    Ansible is a radically simple IT automation engine that automates cloud provisioning, configuration management, application deployment, intra-service orchestrat
    7 hours 33 minutes 21 seconds 5 / 5
  • Ansible: Ansible Automation Masterclass: 2-in-1 thumbnail

    Ansible: Ansible Automation Masterclass: 2-in-1

    By: Udemy
    Ansible is a simple IT automation engine, that automates cloud provisioning, configuration management, application deployment, intra-service orchestration.
    17 hours 33 minutes 12 seconds
  • 2048 with Bevy ECS thumbnail

    2048 with Bevy ECS

    By: Andrew Schmelyun
    2048 is a 2d board-oriented game. We cover foundational Bevy concepts while spawning tiles on the screen, handling user input, keeping score.
    1 hour 40 minutes 27 seconds

Frequently asked questions

What is HTMX + Django: Modern Python Web Apps, Hold the JavaScript Course about?
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…
Who teaches HTMX + Django: Modern Python Web Apps, Hold the JavaScript Course?
HTMX + Django: Modern Python Web Apps, Hold the JavaScript Course is taught by KnowThen (James Moore). You can find more courses by this instructor on the corresponding source page.
How long is HTMX + Django: Modern Python Web Apps, Hold the JavaScript Course?
HTMX + Django: Modern Python Web Apps, Hold the JavaScript Course contains 63 lessons with a total runtime of 1 hour 44 minutes. All lessons are available to watch online at your own pace.
Is HTMX + Django: Modern Python Web Apps, Hold the JavaScript Course free to watch?
HTMX + Django: Modern Python Web Apps, Hold the JavaScript Course is part of CourseFlix's premium catalog. A CourseFlix subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch HTMX + Django: Modern Python Web Apps, Hold the JavaScript Course online?
HTMX + Django: Modern Python Web Apps, Hold the JavaScript Course is available to watch online on CourseFlix at https://courseflix.net/course/htmx-django-modern-python-web-apps-hold-the-javascript-course. The page hosts every lesson with the integrated video player; no download is required.