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

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

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

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
2048 with Bevy ECS

2048 with Bevy ECS

Sources: 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, and querying for resources in a sma...
1 hour 40 minutes 27 seconds
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
Devops Fundamentals - CI/CD with AWS +Docker+Ansible+Jenkins

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

Sources: udemy
Lets get into Devops World from Scratch with real time Hands On Projects to build Solutions for CI/CD through Jenkins with deploying Docker Containerized apps
8 hours 46 minutes 37 seconds
Dive Into Ansible - From Beginner to Expert in Ansible

Dive Into Ansible - From Beginner to Expert in Ansible

Sources: udemy
Ansible is a radically simple IT automation engine that automates cloud provisioning, configuration management, application deployment, intra-service orchestration, and many oth...
7 hours 33 minutes 21 seconds