Django and htmx Tutorial: Easier Web Development
In this tutorial, Christopher Trudeau explores how the htmx library can bring dynamic functionality, like lazy loading, search-as-you-type, and infinite scroll, to your Django web applications with minimal JavaScript.
Christopher demonstrates how htmx integrates with Django’s architecture, enabling you to keep more logic server-side and reduce client-side complexity. He also discusses the performance advantages of this approach over traditional single-page applications.
Links
Project: https://github.com/cltrudeau/jb_htmx_...
Django in Action book by Christopher Trudeau: http://mng.bz/Jg5o
PROMO CODE for 45% discount: trudeaujet24
How PyCharm can make your Django development more efficient: https://jb.gg/a06ctn
Timestamps
0:00 – In this Video
1:20 – Introducing Christopher Trudeau
2:07 – What is htmx?
3:37 – Overview of Django and htmx
5:12 – Project overview
6:14 – Intro to the project in PyCharm: Walk through of the Django app
8:53 – Environment configuration in PyCharm
9:36 – Discussion of htmx
11:26 – Lazy loading with htmx: introduction and explanation
13:38 – Implementing lazy loading with htmx
17:03 – How to install htmx
18:02 – Discussion of lazy loading
22:58 – Search functionality with htmx: introduction and explanation
23:51 – Implementing search functionality with htmx
25:29 – How to build Django objects dynamically with the Django Q object
27:03 – How to paginate search results with the Django Paginator class
29:08 – Building a template for the search page
30:20 – Building a view for the search page
31:11 – Discussion of implementing search functionality
35:46 – Search-as-you-type with htmx: introduction and explanation
38:04 – Implementing search-as-you-type with htmx
41:21 – How to install the Django_htmx library by Adam Johnson
42:51 – Discussion of search-as-you-type
46:05 – Why the django_htmx library is useful
47:45 – Infinte scroll with htmx: introduction and explanation
48:34 – Implementing infinte scroll with htmx
50:21 – Other functionality provided by htmx
51:34 – Promo code for a 45% discount on Django in Action
52:39 – Discussion of infinte scroll and how htmx adds to the DX
58:40 – htmx and web app performance
#django #htmx #pycharm
Watch video Django and htmx Tutorial: Easier Web Development online without registration, duration hours minute second in high quality. This video was added by user PyCharm, a JetBrains IDE 16 October 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 4,043 once and liked it 156 people.