#css

🎲 Saytingizni yanada jozibali qilish uchun bepul vositalar

1. Box-shadow examples
2. Checkboxes examples
3. Buttons examples
4. CSS shapes examples, click to copy

Frontendchilarga yuborib qo'yamiz 🚀

@frontend

#ui

👩‍💻 React uchun Headless UI v2.0

Headless UI kutubxonasining yangi versiyasi - v2.0 for React chiqdi!

Yangi qo'shilgan funksiyalar:

#️⃣ Built-in anchor positioning: Floating UI kutubxonasi Headless UI kutubxonasiga integratsiya qilindi.

#️⃣ New checkbox component: Yangi headless Checkbox komponenti qo’shildi.

#️⃣ HTML form components: HTML form komponentlari qo’shildi.

#️⃣ Improved hover, focus and active state detection: Hover, focus va faol holatni aniqlash takomillashtirildi.

#️⃣ Combobox list virtualization: Combobox ro’yxati virtualizatsiyasi qo’shildi.

#️⃣ Yangi veb-sayt va takomillashtirilgan hujjatlar

🖇️Yangilanish haqida batafsil

@frontend

#vscode

Plagin "px to rem"

Bu plagin px ni rem ga va aksincha aylantirish imkonini beradi.

Alt+Z Px - rem, rem - px.

🗓 Plagin: havola

@frontend

🌟 Iltimos, BOOST orqali kanalimizni qo'llab quvvatlang!

https://t.iss.one/boost/frontend 💧

Error'ni zo'ri 😭

@frontend

#react

👩‍💻 react-pdf - Reactda pdf fayllarni yaratish

React-PDF kutubxonasi yordamida siz o’z loyihangizda PDF hujjatlarni yaratish, ko’rish va saqlash uchun komponentlarni ishlatishingiz mumkin.

React-PDF kutubxonasi quyidagi imkoniyatlarni beradi:

🔴PDF hujjatlarni yaratish uchun deklarativ API.
🔴Server va mijoz tomonida PDF hujjatlarni yaratish.
🔴CSS xususiyatlari va Flexbox layout orqali ularni stil berish uchun API.
🔴Hujjatni saqlash, oqish va DOM-da ko’rsatish.

npm install @react-pdf/renderer --save

⚙️ GitHub | 📄 Doc

@frontend

#javascript

ApexCharts.js - dinamik grafiklar yaratish 📊

ApexCharts.js – bu JavaScript kutubxonasi bo‘lib, u orqali interaktiv va chiroyli grafiklar yaratishingiz mumkin. U kuchli va foydalanishga juda oson!

Batafsil ma'lumot va qo‘llanma: apexcharts.com

@frontend

#vscode

🗓 2024 yilda mahsuldorligingizni oshirish uchun VS Code extension'lari ⚡️

Quyidagi havolalar orqali kirib tanishishingiz/o'rnatishingiz mumkin:

— Better Comments - koddagi sharhlarni barcha uchun tushunarli qilib yozishga yordam beradi.
— Bookmarks - kodlarni belgilash, xatcho'p yaratib beradi.
— Code Spell Checker - kod bazasida imlo xatolarini topish va tuzatish uchun asosiy imlo tekshirgich
— CodeSnap - kodning skrinshotlarini olish uchun.
— CodiumAI - sun'iy intellektga asoslangan bepul kodlar to'plami.
— Error Lens - nosozliklarni tuzatish va xatolarni oldini olish uchun ajoyib vosita.
— Git History - versiya boshqaruvi, Git tarixi, qidiruv ...
— GitLens - kuchli Git vositasi bo'lib, u juda ko'p xususiyatlarni bitta kengaytmaga jamlagan. Jamoa bilan ishlashda juda foydali.
— GitHub Copilot - ChatGPT bilan integratsiyalangan kuchli AI yordamchi ($10/oyiga)
— Icon Themes - vizuallikni yaxshilash uchun: Material Theme Icons, vscode-icons, file-icons.
— Indent Rainbow - chiziqlar orqali kod o'qilishini yaxshilaydi.
— Live Share - kodni real vaqtda boshqalar bilan hamkorlikda tahrirlash va disk raskadrovka qilish.
— Multiple Cursor Case Preserve - kodni tez tahrirlashga yordam beradi.
— Path Intellisense - dinamik ravishda fayl yo'llari va katalog nomlarini taklif qiladigan aqlli avtomatik to'ldirishga ega.
— Prettier - kodni formatlash.
— TODO Highlight - kodingizdagi TODO, FIXME va boshqa izohlarni ajratib ko'rsatadi.

Tanishlarga ham yuborib qo'ying✅

@frontend

#vue

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

⚡️ Tez orada ajoyib yangilik bor.

Tahmin qilib ko'ringchi 💬

🆕 Diqqat

Maqolalaringizni @frontend kanalida e'lon qilish imkoniyatini taklif etamiz.

Agar siz ham frontend sohasida foydali ma'lumotlarga ega bo'lsangiz yoki bu borada qiziqarli maqolalar yozgan bo'lsangiz boshqalar ham o'qib, foyda olishlarini istasangiz, maqolangizni bizga yuboring.

👤Maqolalar sizning ismingiz va zarur bo'lsa, aloqa ma'lumotlaringiz bilan birga e'lon qilinadi, shuning uchun sizning professional obro'ingiz oshadi va ko'proq kishilar siz bilan bog'lanish imkoniyatiga ega bo'ladi.

📝Post yuborish tartibi:

1️⃣ Postni tayyorlang.

2️⃣ Uni kanal adminiga yuboring.

3️⃣ Maqolangiz ko'rib chiqiladi va kanalga mos deb topilsa, muallif nomi bilan joylanadi.

🔎 Biz sifatli va dasturchilar uchun foydali kontentni qadrlaymiz. Har bir yuborilgan maqola diqqat bilan ko'rib chiqiladi.

Hurmat bilan @Frontend jamoasi.

#tutorial

⭐️ Frontend dasturlash bo'yicha O'zbekzabon YouTube kanallar

1. Ulugbek Samigjonov
2. Samar Badriddinov
3. Muhammadjavohir Suratov
4. Saidbek Arislonov
5. Webbrain Academy
6. Akhror Web
7. Elshod Adamov
8. Josh*Developer
9. Ravshan Samandarov
10. Khumoyun Codes

@frontend

#vscode

🗓 VSCodeThemes sayti Visual Studio Code muharririning ko'rinishini moslashtirish uchun turli mavzularni taklif etadi. Siz "All Themes", "Dark" va "Light'" kabi toifalar bo'yicha mavzularni ko'rib chiqishingiz mumkin va ularni o'rnatishlar soniga qarab saralab olishingiz mumkin.

🔗Havola: https://vscodethemes.com

@frontend

#link

free-for.dev – bu dasturchilar va IT mutaxassislari uchun juda foydali manba. Ushbu veb-sayt dasturlash, loyihalarni boshqarish, ma'lumotlar bazasi, serverlar va boshqa ko'plab texnologiyalar uchun bepul resurslarni taklif etadi. Bular ichida bepul APIlar, dasturiy ta'minotlar, hosting xizmatlari va turli dasturlash tillari uchun kutubxonalar mavjud.

🔗 Batafsil ma'lumot: free-for.dev

@frontend

#hosting #free

🖥 Bepul hosting xizmatlarini taqdim etuvchi saytlar ro’yxati:

1. Netlify: Modern veb loyihalarni tezda joylashtirish uchun mo’ljallangan platforma.
2. 000webhost: Hostinger tomonidan taqdim etiladigan bepul hosting platformasi.
3. Heroku: Cloud platformasi, u dasturchilarga ilovalarini ishga tushirish, boshqarish va kengaytirish imkoniyatini beradi.
4. GitHub Pages: GitHub Pages, statik veb-sahifalarni bepul joylashtirish uchun mo’ljallangan.
5. Vercel: Front-end jamoalar uchun ishlab chiqilgan, ilovalarni ishga tushirish va joylashtirish uchun.
6. Render: Cloud platformasi
7. Surge: Statik veb-sahifalarni va SPA (Single-Page Applications) loyihalarni bepul joylashtirish uchun.
8. Tiiny Host: Kichik statik veb-sahifalarni tezda joylashtirish uchun.
9,10,11. InfinityFree, GoogieHost, Byethost: Bepul hosting xizmatlari to’plamidagi eng yaxshi xizmatlar.

Bu xizmatlar orqali siz yaratgan saytlaringizni bepul intrnetga joylashingiz mumkin!

@frontend