Skip to main content
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.com

knowthen.com thumbnail
Welcome to Knowthen.com – Your Ultimate Hub for Rapid Skill Development! Embark on a seamless learning journey designed for developers seeking a swift learning curve. Unleash your potential as you delve into a comprehensive array of cutting-edge software development technologies. Our online courses are crafted to provide an accelerated, hands-on experience, ensuring you stay ahead in the dynamic world of technology. Elevate your skills and knowledge with Knowthen.com – where mastery meets efficiency in your software development journey!

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

Related courses

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

    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, y
    5 hours 18 minutes 23 seconds 5 / 5
  • Ansible: Ansible Automation Masterclass: 2-in-1 thumbnail

    Ansible: Ansible Automation Masterclass: 2-in-1

    Sources: udemy
    Ansible is a simple IT automation engine, that automates cloud provisioning, configuration management, application deployment, intra-service orchestration, and many other IT…
    17 hours 33 minutes 12 seconds
  • Devops Fundamentals - CI/CD with AWS +Docker+Ansible+Jenkins thumbnail

    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 0 / 5
  • Ansible for the Absolute Beginner - Hands-On - DevOps thumbnail

    Ansible for the Absolute Beginner - Hands-On - DevOps

    Sources: udemy
    This course introduces a beginner in DevOps to basic fundamentals of Ansible with easy to do hands-on exercises that you can practice right in the browser. The course introduces…
    2 hours 16 minutes 31 seconds 5 / 5
  • 2048 with Bevy ECS thumbnail

    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 small…
    1 hour 40 minutes 27 seconds
  • Dive Into Ansible - From Beginner to Expert in Ansible thumbnailFree

    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 orchestrat
    7 hours 33 minutes 21 seconds 5 / 5