Django & HTMX Mini-Project (part 2) - Building a Live Sports Polling Application

Показать описание

In this video, we will extend the app from the first video, and give users the ability to search and filter down the results displayed on the page

We will also add hx-indicator attributes to point to spinner elements, which we will style with the help of some custom HTMX events.

The completed code is available on Github in the "final-code" branch.

📌 𝗖𝗵𝗮𝗽𝘁𝗲𝗿𝘀:
00:00 Intro
00:30 Adding hx-indicator element when polling
02:30 Styling spinner with custom HTMX events
06:03 Search Functionality
08:05 Adding hx-indicator element when searching
09:04 Filtering search results with Django Q objects
13:14 Adding search params with hx-vals attribute
14:53 Outro

☕️ 𝗕𝘂𝘆 𝗺𝗲 𝗮 𝗰𝗼𝗳𝗳𝗲𝗲:
To support the channel and encourage new videos, please consider buying me a coffee here:

𝗦𝗼𝗰𝗶𝗮𝗹 𝗠𝗲𝗱𝗶𝗮:

📚 𝗙𝘂𝗿𝘁𝗵𝗲𝗿 𝗿𝗲𝗮𝗱𝗶𝗻𝗴 𝗮𝗻𝗱 𝗶𝗻𝗳𝗼𝗿𝗺𝗮𝘁𝗶𝗼𝗻:

#django #htmx #python

BugBytes

Рекомендации по теме

Комментарии

Thanks for this.
I need the indicator for stuffs and I never know anything about it.

defidelity

Can you do a Django Core series? Non-project based just explaining Django core concepts. Models, views, urls, forms, formset, messages, context_processors

nicenaija

guys have you noticed that the search functionality can't work when the match is completed anyone who knows how to solve this issues can help

ntwarioscar

Django & HTMX Mini-Project (part 2) - Building a Live Sports Polling Application

Django & HTMX Mini-Project (part 2) - Building a Live Sports Polling Application

Django & HTMX Mini-Project - Building a Live Sports Polling Application #1

Django HTMX & Alpine.js mini-project - Sport Result Prediction App

Create a Django form (using HTMX) in 90 seconds 🐎

Django + Htmx | Build a Todo App with Django and Htmx | Django Project for Beginners

😍🔥😍🔥 Django HTMX Create a Real-Time Currency App | Django HTMX Tutorial | Django Real Time Project...

Django & HTMX - Template Fragments with django-render-block

Django & HTMX - django-template-partials for Template Partial Responses

Django, HTMX and DaisyUI Components - Building a To-Do List App

Django and HTMX #6 (part 1) - Building a Sortable Drag and Drop Interface

Django Project | Building a Blog | HTMX | Bootstrap | Django Framework | 1

django-htmx - Django Extensions for Working with HTMX

Toasts with Django+HTMX

Modal forms with Django+HTMX

Python Tutorial: Build a Course Platform with Django, HTMX, TailwindCSS and Cloudinary.

Build a Content Engine with Django, Kubernetes, TailwindCSS, Twingate, AWS S3, & HTMX FULL TUTO...

Django and Htmx Todo Application | Tailwind CSS

Django and HTMX #3 - Listing and Creating Items (with no refresh!)

Django and HTMX #17 - Updating Other Content - Out-Of-Band Swaps and Custom Events

Django Project | Testing a Django HTMX template

django-cotton, HTMX & Tailwind - Pagination and Filtering with Components in Django

Django & HTMX App - Charts with Plotly!

E-commerce Web development project (frontend + backend) python Django with source code

HTMX-ify a Django list page!