Тёмный

Hyperscript - Interactively Searching Web Content! 

BugBytes
Подписаться 31 тыс.
Просмотров 4,1 тыс.
50% 1

In this video, we'll see how to search web content interactively using Hyperscript.
This is useful if you have a list, table or any set of elements, and you want to filter or search these based on some user input.
☕️ 𝗕𝘂𝘆 𝗺𝗲 𝗮 𝗰𝗼𝗳𝗳𝗲𝗲:
To support the channel and encourage new videos, please consider buying me a coffee here:
ko-fi.com/bugb...
𝗦𝗼𝗰𝗶𝗮𝗹 𝗠𝗲𝗱𝗶𝗮:
📖 Blog: bugbytes.io/po...
👾 Github: github.com/bug...
🐦 Twitter: / bugbytesio
📚 𝗙𝘂𝗿𝘁𝗵𝗲𝗿 𝗿𝗲𝗮𝗱𝗶𝗻𝗴 𝗮𝗻𝗱 𝗶𝗻𝗳𝗼𝗿𝗺𝗮𝘁𝗶𝗼𝗻:
#webdevelopment #htmx

Опубликовано:

 

29 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 37   
@geetcyberlab5108
@geetcyberlab5108 8 месяцев назад
Am still waiting for the Banking API dev tutorial using Django-Ninja..❤🎉😊😊😊 thanks for the great work.
@bugbytes3923
@bugbytes3923 8 месяцев назад
Thanks a lot!
@myoji5580
@myoji5580 8 месяцев назад
This method seems to be a simple way to process requests without having to process them from the client to the server. I think it is a disadvantage because it does not search all data because it searches only the content that the client already has. I think you need to use HTMX to communicate with the server to actually get the data you want. Also, the example only has less than 10 lines of data, so I have doubts about how to use it. Also, the content on pages 1, 2, and 3 cannot be loaded, so it seems to have limited use. In what environment is it best to use it? Could you explain how it compares to HTMX?
@Dogo.R
@Dogo.R 4 месяца назад
functional lisp version: search field: (on textchange (filter #table my-value)) clear button: (set #search "") defn textchange: ... defn filter: ... defn set: ... defn on: ... Presumably some of these functions would be included, rather than you writting them yourself. But this allows for less coupling and easier readability. You also get free reusabily in the proccess. That example is an abomination in terms of decoupling and locality of behavior. I mean technically the behavior seems local. But to understand the full behavior you have to cross reference the other parts. So its not actually local. Unlike the version I showed, where things are decoupled and you dont need to look at the search field's code in order to understand what "trigger keyup on #search" does.
@kurshadqaya1684
@kurshadqaya1684 17 часов назад
Thanks!
@bugbytes3923
@bugbytes3923 17 часов назад
@@kurshadqaya1684 thanks for watching!
@MarkusGlavind
@MarkusGlavind 8 месяцев назад
Could this be implemented in a form? So a select field where you search for objects in a datalist?
@alexdin1565
@alexdin1565 6 месяцев назад
please can you make videos about Htmx + django-filter
@bugbytes3923
@bugbytes3923 6 месяцев назад
There's a video here on this that might help: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-5GfStNgnpJY.html
@geetcyberlab5108
@geetcyberlab5108 8 месяцев назад
🎉 Happy New years ⛄ thanks for making my Job easy through your tutorials...
@bugbytes3923
@bugbytes3923 8 месяцев назад
Thank you - happy new year!
@TheNerdyPlayer
@TheNerdyPlayer 8 месяцев назад
great video!
@bugbytes3923
@bugbytes3923 8 месяцев назад
Thanks for watching!
@PatrickSteil
@PatrickSteil 5 месяцев назад
Holy crap. Awesome.
@bugbytes3923
@bugbytes3923 5 месяцев назад
Thanks a lot!
@seydinaoumarsamabaly1806
@seydinaoumarsamabaly1806 8 месяцев назад
Wow another easy way to do it. Just awsome, thank you for all Mate and Happy New Year 2024.
@bugbytes3923
@bugbytes3923 8 месяцев назад
Thanks as always mate, happy new year!
@skyagnitti
@skyagnitti 8 месяцев назад
Excellent video! I've been learning fastapi, sqlmodel and htmx basically from your videos and they are extremely well done. Do you have the code for this page? love the select section on the right of the table but can't seem to figure that out. also I'm trying to work on the search going through only one column not the entire table. Keep up the great work bro!
@eduardabramovich1216
@eduardabramovich1216 5 месяцев назад
please create a series of tutorials on writing a simple app with hyperscript. something like a portfolio or whatever you like.
@AmoahDevLabs
@AmoahDevLabs 8 месяцев назад
Great. Sprinkling favours onto hml is really useful.
@bugbytes3923
@bugbytes3923 8 месяцев назад
Very useful indeed - thanks for commenting!
@frameff9073
@frameff9073 8 месяцев назад
thank you
@bugbytes3923
@bugbytes3923 8 месяцев назад
Thanks for watching!
@IbrahimFox1994
@IbrahimFox1994 7 месяцев назад
Thanks, your tutorials are great as always!
@bugbytes3923
@bugbytes3923 7 месяцев назад
Thanks a lot! Appreciate the comment!
@repotranstech9614
@repotranstech9614 8 месяцев назад
Great video as always.
@bugbytes3923
@bugbytes3923 8 месяцев назад
Thank you!
@repotranstech9614
@repotranstech9614 8 месяцев назад
Will it work with paginated html data in django eg data in page 2.
@bugbytes3923
@bugbytes3923 8 месяцев назад
This technique will work with the data that's in the DOM at the time the user types the search query - so it would not work too well with a traditional paginated structure (if you're on page 2, only the items in page 2 will be filtered). I might try and show an example of how HTMX/Hyperscript could be used with pagination.
@repotranstech9614
@repotranstech9614 8 месяцев назад
That would be cool,such that when you go to the next page the such input is retained.
@aafan.kuware
@aafan.kuware 8 месяцев назад
​@@bugbytes3923 please make the same tutorial with htmx, I want to add search users and pagination, I was only able to implement the username already exist error using htmx 😅 I saw your django/htmx video #3 & #4 multiple time but unable to relate and implement in my case. thank you in advance.
@Peterstavrou
@Peterstavrou 8 месяцев назад
Another incredible video! An advanced Hyperscript video would be handy 😉
@bugbytes3923
@bugbytes3923 8 месяцев назад
Thanks a lot Peter! Good suggestion, definitely need to do more Hyperscript!
@khanra17
@khanra17 7 месяцев назад
Super boring & annoying audio
@bugbytes3923
@bugbytes3923 7 месяцев назад
Wow, thanks! 😂
@ShawnThuris
@ShawnThuris 6 месяцев назад
@@bugbytes3923I'm one of the pickiest viewers when it comes to audio, to the degree that I can't stand to watch most coding videos...his voice sounds fine to me.
@PatrickSteil
@PatrickSteil 5 месяцев назад
Disagree 💯
Далее
Hyperscript - An Introduction
11:19
Просмотров 7 тыс.
11 ming dollarlik uzum
00:43
Просмотров 681 тыс.
+1000 Aura For This Save! 🥵
00:19
Просмотров 12 млн
Se las dejo ahí.
00:10
Просмотров 2,5 млн
dj-html - auto-indent Django Templates consistently!
13:23
r/webdev BANS HTMX??
5:28
Просмотров 151 тыс.
The HTML Tags They NEVER Taught You
7:39
Просмотров 116 тыс.
django-unfold - TailwindCSS Admin Theme for Django!
25:14
So, you want to build apps & websites?
9:34
Просмотров 187 тыс.
I tried HyperScript by HTMX...It's a MIRACLE
9:37
Просмотров 2,8 тыс.
11 ming dollarlik uzum
00:43
Просмотров 681 тыс.