Alisher's blog
Open in Telegram
415
Subscribers
No data24 hours
-67 days
-2630 days
Posts Archive
HTMX nima?
Htmx javascipt ishlatganmasdan html'ga qo'shimcha imkoniyatlarni qo'shish uchun kutubxona. Qo'shimcha imkoniyatlar bu AJAX, CSS transition va websocket kabilardir.
Misol uchun api'ga http so'rov jo'natib uni html'ga chiqarish:
<button hx-get="/users" hx-target="#content" hx-swap="innerHTML" hx-trigger="click" hx-confirm="Bro are you sure about that?" hx-indicator=".htmx-indicator">Get user from Api</button>
<div class="htmx-indicator">Loading...</div>
<div id="content"></div>
Ushbu kodda <button> bosilganda /users'ga get request jo'natiladi sababi hx-get'da shunday yozganmiz. So'rov ketganda htmx-indicator class'li div bizga loader sifatida chiqib turishi uchun button'ga hx-indicator attributiga shu divning class'ini yozganmiz. hx-confirm esa yuborishdan avval tasdiqlash oynasi chiqishi uchun. Api'dan javob kelganda uni qayergadir chiqarish kerak. Bu uchun hx-swap va hx-target attributlari yozganmiz. hx-target'ga response'ni DOM'dagi qaysi element'ga chiqarish kerakligini bildiramiz, bizni holatda bu content id'li div. hx-swap'ga tanlangan element'ni qayeriga yozish kerakligini aytamiz, bizdagi kodda innerHTML. Bundan tashqari outerHTML ham bo'lishi mumkin.
Bular basic imkoniyatlari edi.
@alisherdotdevThe Best Theme - vscode uchun color theme
Rostan ham the best'dek tuyuldi :)
@alisherdotdev
🖼️ LinkedIn'dagi CFBR ma'nosi nima?
CFBR - commenting for bettter reach so'zini qisqa qilib yozilgani. Ko'proq odam ko'rishi uchun komment yozyapman degani. Agar kimdir yangi ish kerak deb post qo'ysa, CFBR komment yozib o'sha odamni qo'llab-quvvatlasangiz bo'ladi
🖼️ @alisherdotdev
Sevimli ishlarimdan bittasi hali yangi bo'lgan texnologiya, freymvork va tool'lar uchun community guruhlari ochib owner bo'lib olish 😁
Qiziq bo'lsa:
🖼️ Supabase: @supabase_uz
💚 Vitest: @vitest_dev
🖼️ Qwik: @qwikdev
🖼️ Solid.js: @solidjs_uz
🖼️ UnoCSS: @unocss_dev
🖼️ Astro: @astrobuild_uz
😎 @alisherdotdev
SVGPaste'ga color picker, import qilish va export qilish featurelari qo'shildi.
sinab ko'rish: svgpaste.netlify.app
🖼️ MDN AI Help
Mozilla Developer Network ham o'zini ai yordamchisini chiqaribdi.
Shu chatbot kerak edimi o'zi?
Ha - 👍
Yo'q - 👎
@alisherdotdev
Bir necha kun avval Shvetsiyada Qurʼon yoqib yuborilganida hamma bu kabi insonlar jim turishdi. Hatto NATO rahbari ham Qurʼonni yoqish bu huquq dedi. Lekin bugun Fransiyada tartibsizliklarda kutubxona yonib ketganini qoralashyapti. Bularga Harry Potter va Lord of rings qiziq. Agarda shu kutubxonadan Qurʼonni olib chiqib alohida yoqib yuborishganda hech biri eʼtiroz bildirmas edi.
App'cha sizga yoqqan bo'lsa Product Hunt'da ⬆️ upvote qilib qo'ysangiz bo'ladi
https://www.producthunt.com/posts/svgpaste
🖼️ SVGPaste - quick SVG preview
SVG fayllarni preview qilish uchun web ilova
svgpaste.netlify.app
@alisherdotdev
Repost from Abdulla Xaydarov kanali
Til bilishlik [ayniqsa, ingliz tili] bilim olishga va ish topishga katta yordam beradi [eng katta yordamdir, balki].
Ingliz tili o'rganishga taxminan 3 yil vaqt ketgan. Shundan beri 7 yil Ingliz universitetlarida o'qiganman, 5 yildan beri Amerika kompaniyalarida ishlab kelyapman. Ish kunimda eng ko'p ishlatadigan mohirlik [skill] - bu ingliz tili deb aytgan bo'lar edim.
Ishimning 80-90% vaqti - odamlar bilan muloqotdan iborat. Shuning uchun eng muhim instrument [til] ni yaxshi ishlata olishim kerak. Qanchalik yaxshi ishlatsam [to'g'ri so'zlarni to'g'ri joyga qo'yib, tutilmasdan gapirish, fikrimni odamlarga aniq tushuntira bera olishligim], shunchalik loyihalarim sifatli natija berishini sezganman.
Sizlarga ham shuni maslahat beraman. Til o'rganing. O'rganib bo'lgan bo'lsangiz, uni rivojlantirishdan to'xtamang.
