Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10😁7👍6
#JsLibrary #frontend
Syntax highlighting nega muhim?
Bu kodni o'qishni, yozishni va tuzatishni, dasturiy elementlarni vizual tarzda ajratib ko'rsatib o'qishni osonlashtiradi.
Eng yaxshi kutubxonalar:
— Highlight.js
— Microlight.js
— Bright
— starry-night
— react-syntax-highlighter
— Torchlight
— Chroma
@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6👍2
#tailwindCss #frontend
Yoqqanini tanlaysiz Copy & Paste ishingiz hal!
https://devdojo.com/tailwindcss/buttons
@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥13👍3
#update #frontend
Web sayt versiyalarini belgilashda ko'p hollarda Semantic Versioning (SemVer) standarti qo'llaniladi.
SemVer standarti uch qismdan iborat versiya raqamlarini qo'llaydi:
MAJOR.MINOR.PATCH
1. MAJOR (katta yangilanishlar)
- Texnologiya stekini yangilash (masalan, yangi frameworkga o'tish).
- Dizayn yoki struktura qismida kattaroq o'zgarishlar.
2. MINOR (kichik yangilanishlar)
- Mavjud sahifalar yoki funksiyalarga yangi imkoniyatlar qo'shish.
- SEO optimizatsiyalari
3. PATCH (kichik tuzatishlar)
- Bug'larni tuzatish
- Xavfsizlik yangilanishlari
@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8👍7
#vue #frontend
Bugungi kunda web-ilovalar global foydalanuvchilar uchun mo'ljallangan bo'lib, turli tillardagi qo'llab-quvvatlash juda muhim ahamiyatga ega. Vue 3 ilovangizga xalqaro tillarni qo'shish orqali siz kengroq auditoriyaga xizmat qilishingiz mumkin. Bu jarayonni "Vue I18n" yordamida oson amalga oshirish mumkin.
@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
#react #frontend
Onedoc dasturchilari tomonidan ishlab chiqilgan React Print deb nomlangan UI to'plami. U React va TypeScript yordamida PDF-fayllarni yaratish uchun mo'ljallangan. Uning yordamida turli hujjatlar uchun shablonlarni tayyorlashingiz mumkin.
Getting started | GitHub
@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥4
#frontendWeekly
1. TailwindCSS tugmalari to'plami
2. Loyiha versiyasi
3. Vue 3 loyihasiga tillarni qo'shish (vue-i18n)
4. JavaScript cheatsheet
5. React bilan PDF yaratish
@frontend | Happy Coding
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥11👍5
#vue #frontend
Vue'da "v-if" va "v-show" orasidagi farq
v-if - o'zgaruvchining qiymati
true bo'lsa, elementni DOM-da yaratadi, false bo'lsa, elementni DOM-dan o'chiradi va uni yashiradi.v-show - o'zgaruvchining qiymati
false bo'lsa, DOM elementini CSS display stilini none qilib o'zgartiradi. Buning natijasida, DOM elementi sahifada qoladi, ammo ko'rinmaydi.P.S: Agar yuklanishi ko'p vaqt oladigan bo'lsa,
v-if yaxshi tanlov. Chunki element DOMdan olib tashlanadi va faqat kerak bo'lganda qayta yaratiladi. v-if va v-show loyihalarda ishlatilishi xavfsizlik, yuklanish tezligi kabilarga qarab ishlatish tavsiya qilinadi!@frontend | Happy Coding
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
#it #frontend
IT tushunchalarini o'zbek tilida o'rganish uchun NimaU nomli ochiq kodli loyiha qilishibdi.
@frontend | Happy Coding
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9🔥6
This media is not supported in your browser
VIEW IN TELEGRAM
#JsLibrary #frontend
Barba.js sahifa o'tishlari va animatsiyalarni oson amalga oshirish uchun ishlatiladigan JavaScript kutubxonasi. U AJAX texnologiyasidan foydalangan holda sahifalar o'rtasida silliq o'tishlarni ta'minlaydi.
@frontend | Happy Coding
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7🔥5
Please open Telegram to view this post
VIEW IN TELEGRAM
😁37👍3🔥2
Please open Telegram to view this post
VIEW IN TELEGRAM
😁30👍8🔥6
This media is not supported in your browser
VIEW IN TELEGRAM
#vscode #frontend
Foydalanish uchun extension'ni o'rnatib, buyruqlar palitrasini oching
(Cmd+Shift+P / Ctrl+Shift+P) va “random” deb yozing, bu sizga mavjud ma’lumotlar generatorlarini ko’rsatadi.@frontend | Happy Coding
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🔥4
Forwarded from Uzbek Developers
#Dasturchi #SaytTezligi #WebDevelopment #KodOptimallashtirish
Saytning tez ishlashi uchun quyidagi 10 ta qisqacha ko'rsatma yordam beradi:
1. Rasmni siqish: Rasm o'lchamlarini kichikroq qilish va sifatni saqlash uchun rasmni siqish vositalaridan foydalaning.
2. Keshni optimallashtirish: Brauzer va server keshini to'g'ri sozlash saytning tezligini oshiradi.
3. Minifikatsiya qilish: JavaScript va CSS fayllarini minifikatsiya qilish orqali kodning hajmini kamaytiring.
4. Tinglovchi kodlarni yuborish: Saytning asosiy qismlarini dastlabki yuklashda asosan kerakli kodlarni yuboring.
5. Serverni optimallashtirish: Serveringizni yaxshi konfiguratsiya qiling va resurslarni optimallashtiring. 🚀
6. Content Delivery Network (CDN) foydalanish: Statik fayllarni CDN orqali tarqatish saytning yuklash tezligini oshiradi.
7. Asinxron yuklash: JavaScript fayllarini asinxron tarzda yuklash orqali sahifa yuklanish vaqtini kamaytiring.
8. Agar kerak bo'lsa, HTTP/2 foydalanish: HTTP/2 protokolini qo'llash saytning yuklash tezligini yaxshilaydi.
9. Kichik kod segmentlarini ishlatish: Kodni modulga ajrating va kerakli qismlarini ishlatishga harakat qiling.
10. Sahifa optimallashtirish: Sahifaning HTML, CSS va JavaScript tarkibini yaxshilash uchun optimallashtiring.
uzbekdevs.uz / @uzbekdevs
👍9🔥6