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

1h 44m 50s
English
Paid
October 30, 2023

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 HTMX + Django: Modern Python Web Apps, Hold the JavaScript Course

Join premium to watch
Go to premium
# Title Duration
1 What is HTML? 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

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

Ansible for the Absolute Beginner - Hands-On - DevOps

Ansible for the Absolute Beginner - Hands-On - DevOps

Duration 2 hours 16 minutes 31 seconds
Complete Ansible Bootcamp: Go from zero to hero in Ansible

Complete Ansible Bootcamp: Go from zero to hero in Ansible

Duration 3 hours 37 minutes 45 seconds
Ansible Advanced - Hands-On - DevOps

Ansible Advanced - Hands-On - DevOps

Duration 2 hours 43 minutes
Dive Into Ansible - From Beginner to Expert in Ansible

Dive Into Ansible - From Beginner to Expert in Ansible

Duration 7 hours 33 minutes 21 seconds
Mastering Ansible

Mastering Ansible

Duration 4 hours 47 minutes 58 seconds
Ansible: Ansible Automation Masterclass: 2-in-1

Ansible: Ansible Automation Masterclass: 2-in-1

Duration 17 hours 33 minutes 12 seconds
Master Automation with Ansible and Puppet: 4-in-1

Master Automation with Ansible and Puppet: 4-in-1

Duration 22 hours 33 minutes 51 seconds
Ansible: A Complete Course with Step-by-Step Demo and Labs

Ansible: A Complete Course with Step-by-Step Demo and Labs

Duration 5 hours 18 minutes 23 seconds