Skip to main content

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

1h 44m 50s
English
Paid

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

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

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Complete Ansible Bootcamp: Go from zero to hero in Ansible

Complete Ansible Bootcamp: Go from zero to hero in Ansible

Sources: udemy
Whether you have never learn about Ansible, or want to learn about the advanced features of Ansible, this course is for you! Whether you want to get theories of Ansible only, o...
3 hours 37 minutes 45 seconds
Mastering Ansible

Mastering Ansible

Sources: udemy
Mastering Ansible is a step-by-step journey of learning Ansible for configuration management and orchestration. The course is designed as a journey through configuring a realist...
4 hours 47 minutes 58 seconds
Ansible Advanced - Hands-On - DevOps

Ansible Advanced - Hands-On - DevOps

Sources: udemy
This is the second course in the series on Ansible and in this course we will be focusing on advanced concepts in Ansible and some real life use cases. This course is for those ...
2 hours 43 minutes
DevOps Project - 2022: CI/CD with Jenkins Ansible Kubernetes

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

Sources: udemy
If you know various DevOps tools like git, Jenkins, Maven, Ansible, Docker, and Kubernetes and are not sure how collaboratively does it work? Or you would like
6 hours 8 minutes 11 seconds
Ansible: A Complete Course with Step-by-Step Demo and Labs

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

Sources: udemy
During this workshop, you will receive an introduction to Ansible that is geared toward people who have no prior experience with the platform. In this course, you will study the...
5 hours 18 minutes 23 seconds