filmov
tv
Django & HTMX Mini-Project - Building a Live Sports Polling Application #1
Показать описание
In this video, we will build out an application that uses HTMX's polling capabilities to poll our Django backend for sports scores updates.
This will simulate a real match day, where scores are changing frequently and updates are displayed on the webpage without needing a refresh.
We use the django-htmx package in this tutorial, and build a few Django management commands for loading initial model data, as well as a script for simulating updates to scores.
📌 𝗖𝗵𝗮𝗽𝘁𝗲𝗿𝘀:
00:00 intro
01:02 setup
02:20 creating database models
03:45 loading initial data
06:47 creating fixtures url and view
08:49 styling fixtures template
12:02 adding htmx polling attributes
14:38 building result simulator
17:35 preventing unnecessary polling
20:33 adding HX-Refresh response header
25:11 outro
☕️ 𝗕𝘂𝘆 𝗺𝗲 𝗮 𝗰𝗼𝗳𝗳𝗲𝗲:
To support the channel and encourage new videos, please consider buying me a coffee here:
𝗦𝗼𝗰𝗶𝗮𝗹 𝗠𝗲𝗱𝗶𝗮:
📚 𝗙𝘂𝗿𝘁𝗵𝗲𝗿 𝗿𝗲𝗮𝗱𝗶𝗻𝗴 𝗮𝗻𝗱 𝗶𝗻𝗳𝗼𝗿𝗺𝗮𝘁𝗶𝗼𝗻:
#django #htmx #python
This will simulate a real match day, where scores are changing frequently and updates are displayed on the webpage without needing a refresh.
We use the django-htmx package in this tutorial, and build a few Django management commands for loading initial model data, as well as a script for simulating updates to scores.
📌 𝗖𝗵𝗮𝗽𝘁𝗲𝗿𝘀:
00:00 intro
01:02 setup
02:20 creating database models
03:45 loading initial data
06:47 creating fixtures url and view
08:49 styling fixtures template
12:02 adding htmx polling attributes
14:38 building result simulator
17:35 preventing unnecessary polling
20:33 adding HX-Refresh response header
25:11 outro
☕️ 𝗕𝘂𝘆 𝗺𝗲 𝗮 𝗰𝗼𝗳𝗳𝗲𝗲:
To support the channel and encourage new videos, please consider buying me a coffee here:
𝗦𝗼𝗰𝗶𝗮𝗹 𝗠𝗲𝗱𝗶𝗮:
📚 𝗙𝘂𝗿𝘁𝗵𝗲𝗿 𝗿𝗲𝗮𝗱𝗶𝗻𝗴 𝗮𝗻𝗱 𝗶𝗻𝗳𝗼𝗿𝗺𝗮𝘁𝗶𝗼𝗻:
#django #htmx #python
Django & HTMX Mini-Project - Building a Live Sports Polling Application #1
Django HTMX & Alpine.js mini-project - Sport Result Prediction App
Django + Htmx | Build a Todo App with Django and Htmx | Django Project for Beginners
Create a Django form (using HTMX) in 90 seconds 🐎
Python Tutorial: Build a Course Platform with Django, HTMX, TailwindCSS and Cloudinary.
Django, HTMX and DaisyUI Components - Building a To-Do List App
😍🔥😍🔥 Django HTMX Create a Real-Time Currency App | Django HTMX Tutorial | Django Real Time Project...
Django & HTMX App - Display Transactions | django-filter FilterSet
Django & HTMX Mini-Project (part 2) - Building a Live Sports Polling Application
django-htmx - Django Extensions for Working with HTMX
Django Project | Building a Blog | HTMX | Bootstrap | Django Framework | 1
Toasts with Django+HTMX
Build a Content Engine with Django, Kubernetes, TailwindCSS, Twingate, AWS S3, & HTMX FULL TUTO...
E-commerce Web development project (frontend + backend) python Django with source code
Django and Htmx Todo Application | Tailwind CSS
Modal forms with Django+HTMX
HTMX-ify a Django list page!
Django & HTMX - Template Fragments with django-render-block
Django Dynamic Forms Tutorial with Htmx
Django & HTMX App - Charts with Plotly!
Create ChatGPT with Django (and HTMX) in 4 minutes 🦾
Building a Chat UI with Django, HTMX and TailwindCSS (Live Coding Session)
Django & HTMX - django-template-partials for Template Partial Responses
Django Project – Code a CRM App Tutorial
Комментарии