Тёмный

How to Create an Instant Search Bar With Flask and HTMX 

Pretty Printed
Подписаться 96 тыс.
Просмотров 17 тыс.
50% 1

In this video I create an example of an instant search bar using both Flask and HTMX.
Need one-on-one help with your project? I can help through my coaching program. Learn more here: prettyprinted.com/coaching
Get the code here: prettyprinted.com/l/XpG
Twitter: / pretty_printed
Github: github.com/prettyprinted

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

 

7 авг 2023

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 40   
@chriskeo392
@chriskeo392 Месяц назад
Its been 9 months since i been here Need more!
@FirdausAziz
@FirdausAziz 10 месяцев назад
Hi Anthony. Thanks for doing this. Please do more HTMX + HyperScript with Django or Flask.
@prettyprinted
@prettyprinted 10 месяцев назад
I've been meaning to do a video on HyperScript. I'll see what I can do.
@goonbreathfpv
@goonbreathfpv Месяц назад
This is exactly what I wanted to see. You have earned another subscriber
@StuartWoodwardJP
@StuartWoodwardJP 9 месяцев назад
Thanks! This is exactly what I wanted to know.
@karlduckett
@karlduckett 10 месяцев назад
Great. Love your flask tutorials.
@prettyprinted
@prettyprinted 10 месяцев назад
Thanks for watching!
@alexbalak7558
@alexbalak7558 10 месяцев назад
Great Vidéo as always, love your content learned a lot with it.
@prettyprinted
@prettyprinted 10 месяцев назад
Glad my videos have helped!
@chriskeo392
@chriskeo392 10 месяцев назад
Finally flask htmx series!
@prettyprinted
@prettyprinted 10 месяцев назад
Thanks for watching!
@chriskeo392
@chriskeo392 9 месяцев назад
Anymore flask htmx videos coming soon?
@teclote
@teclote 8 месяцев назад
Wow, amazing, thank you. How to insert an anchor tag into one of the returned fields, so I can click and go to an Edit-Record page? For example, on a "record_id" field.
@acrofil1
@acrofil1 5 месяцев назад
I would love to see some examples like this one for flask/django: adding new input/select fields dynamicaly on button click or on change without page reload using Wtforms and jinja
@SlawcioD
@SlawcioD 8 месяцев назад
Hi Anthony. THX for your work. Do You have an idea how to paginate active search results? thanks in advance ;)
@chuisthename
@chuisthename 5 месяцев назад
ty sir you just saved my BA 😂
@numberformat
@numberformat 10 месяцев назад
Reminds me of Java Server Faces (JSF)
@pakistanichanda
@pakistanichanda 10 месяцев назад
Please make tutorial for htmx flask load more , thanks
@prettyprinted
@prettyprinted 10 месяцев назад
I will definitely consider that. Thanks for the idea.
@pintokatendejonathan1740
@pintokatendejonathan1740 10 месяцев назад
You are the best
@prettyprinted
@prettyprinted 10 месяцев назад
Thanks for watching!
@arshiaa104
@arshiaa104 8 месяцев назад
tnx man
@SkySesshomaru
@SkySesshomaru 10 месяцев назад
pretty cool!
@prettyprinted
@prettyprinted 10 месяцев назад
Thanks for watching!
@adamjohnantonio
@adamjohnantonio 10 месяцев назад
This is awesome - great tutorial as always. Just curious, is there any way to prevent a user from directly accessing the /search route in the browser?
@prettyprinted
@prettyprinted 10 месяцев назад
The only think of is adding a token to the request that verifies the request came from your generate page instead of people typed directly into the url. This token can expire after a few minutes so the user can't use it whenever they want.
@Beowolf7308
@Beowolf7308 10 месяцев назад
Great video, just one question where did you get the data for this video?
@prettyprinted
@prettyprinted 10 месяцев назад
I got it from here: github.com/HipsterVizNinja/random-data/tree/main/Music/hot-100
@jimratliff
@jimratliff 10 месяцев назад
I’m glad to see you doing an htmx tutorial! I’ve gotten very interested in that technology. I know that in Django there are extensions to make working with htmx easier. Is there anything Flask specific for working with htmx?
@esma3el5551
@esma3el5551 10 месяцев назад
Flask-htmx
@jimratliff
@jimratliff 10 месяцев назад
@@esma3el5551 Thanks so much! In retrospect, the package name is pretty obvious 😉, but I was unaware of it.
@S-Lomar
@S-Lomar 9 месяцев назад
💕💕💕💕💕💕💕💕💕
@timmanning9
@timmanning9 10 месяцев назад
So, there is no API in this example?
@prettyprinted
@prettyprinted 10 месяцев назад
The search endpoint would act in the same way as a regular JSON search API would in a typical JavaScript example.
@user-pw5do6tu7i
@user-pw5do6tu7i 5 месяцев назад
im new to sqlite, struggling a bit to get things started. im sure its obvious if you know what you are doing but i have no clue lol
@user-pw5do6tu7i
@user-pw5do6tu7i 5 месяцев назад
figured it out, great vid!
@user-pw5do6tu7i
@user-pw5do6tu7i 5 месяцев назад
insanely great vid!
@andregirardifarhat
@andregirardifarhat 16 дней назад
volume audio too low :(
Далее
Intro to Flask-Admin
15:00
Просмотров 14 тыс.
Postman Api Testing Tutorial for beginners
16:45
Просмотров 18 тыс.
Import JSON data into Oracle
0:17
Просмотров 4,8 тыс.
HTMX: 3 IRL Use Cases
18:33
Просмотров 107 тыс.
HTMX & Go with ThePrimeagen | Preview
15:58
Просмотров 147 тыс.
Full-Stack Python with HTMX [PyOhio 2023]
10:06
Просмотров 2,2 тыс.
HTMX + GO 15 Minute Quickstart (For Javascript Devs)
16:59
htmx Tutorial - 2 Real-Life Use Cases
20:23
Просмотров 10 тыс.