#devtools #frontend

🎲 Swapy

Swapy - bu layoutlarni bir necha qator kod yordamida 'drag-to-swap' qilish imkon beradigan framework-dan mustaqil vosita. Foydalanish oson, har qanday frontend framework (react, vue, angular, ... va hk) bilan ishlatish mumkin.

GitHub

Ishlatish bo'yicha misollar:
React | Vue | Svelte

@frontend

#meme #frontend

No comment ☹️

@frontend

#api #frontend

📱 Instagram API

Instagram klonini yaratmoqchi bo'lsangiz, Instagram-dan real vaqtda ma'lumotlarni taqdim etadigan ushbu ajoyib bepul API-dan foydalanishingiz mumkin.

https://rapidapi.com/neotank/api/instagram130

@frontend

API ishlashi 💻

@frontend

#JsLibrary #frontend

💥Syntax highlighting kutubxonalari

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

#tailwindCss #frontend

🖱️TailwindCSS tugmalari to'plami

Yoqqanini tanlaysiz Copy & Paste ishingiz hal!

https://devdojo.com/tailwindcss/buttons

@frontend

#update #frontend

🔄 Loyiha versiyasidagi #.#.# (2.4.1) formati nimani anglatishiga qiziqib ko'rganmisiz?

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

#vue #frontend

🅰 Vue 3 loyihasiga xalqaro tillarni qo'shish (vue-i18n)

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.

👀 Batafsil bu yerda o'qing

@frontend

#react #frontend

⚙️ React bilan PDF yaratish

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

#frontendWeekly

🗓 @Frontend kanalida 📆 hafta davomida joylangan postlar ro'yxati:

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

#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.

🔗 LearngVue , Vuejs.org

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

#it #frontend

IT tushunchalarini o'zbek tilida o'rganish uchun NimaU nomli ochiq kodli loyiha qilishibdi.

🔗 https://www.nimau.uz

@frontend | Happy Coding