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
On this page of the site you can watch the video online Django and htmx Tutorial: Easier Web Development with a duration of hours minute second in good quality, which was uploaded by the user PyCharm, a JetBrains IDE 16 October 2024, share the link with friends and acquaintances, this video has already been watched 4,043 times on youtube and it was liked by 156 viewers. Enjoy your viewing!
