ITC DASTURLASH

#ui #frontend

🤩 Loyihalaringizni jonlantiruvchi trenddagi animatsion UI kutubxonalar

1. MagicUI
2. Aceternity UI
3. UI Layout
4. Cult UI
5. Eldora UI
6. Syntax UI
7. Hover.Dev
8. Svelte Animation Components
9. LunarUI
10. Animata
11. InspiraUI

*Do'stlaringizga ham ulashing!

@frontend_dasturrlash | Happy Coding

👨‍💻 Top 5 ta Visual Studio Code kengaytmalari

Prettier — bu Visual Studio Code uchun avtomatik kod formatlovchi kengaytma. U HTML, CSS, JavaScript kabi tillarda kodni bir xil va o'qilishi oson tarzda formatlaydi. Kodni formatlash uchun Shift + Alt + F tugmalarini bosing.

Material Icon Theme — bu Visual Studio Code uchun Material Design uslubidagi fayl va papka ikonkalari mavzusi. U kod muharririning ko'rinishini yaxshilaydi va fayllarni tezda tanib olishni osonlashtiradi.

GitLens — bu Visual Studio Code uchun Gitni kuchaytiruvchi kengaytma. U Git tarixini ko'rish, commit'larni tahlil qilish va kod o'zgarishlarini kim amalga oshirganini ko'rsatadi.

Live Server — bu Visual Studio Code uchun kengaytma bo'lib, HTML fayllarini real vaqtda brauzerda ko'rishni ta'minlaydi. Faylni saqlaganingizda, brauzer avtomatik yangilanadi.

Path Intellisense — bu Visual Studio Code uchun kengaytma, u fayl va papkalarni avtomatik tarzda to'ldirishni ta'minlaydi. Fayl yo'llarini yozayotganda, kerakli fayl yoki papkani tezda topish imkonini beradi.

Siz yana qaysi Visual Studio Code kengaytmalarini bilasiz yoki foydalangansiz? 💬

#vscode #extension #foydali

💻 @IT_va_KOMPYUTER | manba

#3D #frontend

🔠 Matn uchun 3D effekt kutubxonasi

ZText - 3D effektli matn yaratish uchun maxsus ishlab chiqilgan CSS va JavaScript kutubxonasi. Bu kutubxona oddiy HTML va CSS orqali matnlarga dinamik harakat, chuqurlik va 3D effektlar qo‘shishni osonlashtiradi.

Havola: https://bennettfeely.com/ztext

@frontend_dasturrlash | Happy Coding

Juniorlarda ko‘p uchraydigan xatolar

[2-qism] (boshi avvalgi postda)

4. Hujjatlar havola qilinish uchun mavjud.

Yangi dasturlarga kirganlar yoki junior dasturchilarda ajoyib fikr bor. Ular hujjatlarga havola qilish yoki Googledan narsa qidirishni zaiflik deb bilishadi.

Bizning sohada izlamasdan, yoki bajargan ishingizda biror havola (link) qo‘ymasdan ishlab bo‘ladimi? Bugun yozgan kodingizni ertaga ko‘rsangiz, asabiy bo‘lib o‘tirasiz-ku axir.

Hujjatlarga havolar qiling. Ertaga hamkasbingiz bilan ishlaganda, har yarim soatda oldiga borib, "bu qanaqa edi?", "bunisini nima qilgan edik, eslatvor" deb so‘roqqa tutishgan ko‘ra, bir marta ko‘rsatib berilganida izoh yozib qo‘yish, topgan maqolangiz havolasini ko‘rsatish vaqt tejaydi, ish unumli bo‘ladi.

Tavsiya: Googledan narsa izlashga uyalmang. Foydali manbalarni saqlab qo‘ying. Kodingiz yonida (ReadME) foydalangan havolalar ro‘yxatini yig‘ib yursangiz bo‘ladi.

5. Ishlatadigan ish qurolini bilmaslik.

Barcha dasturchilar, shu jumladan junior dasturchilar, kod yozish uchun IDE (ish quroli)ni ishlatishadi. Ammo uni yaxshi bilmaslik, yoki barcha imkoniyatlaridan to‘g‘ri foydalanmaslik ish unumdorligiga salbiy ta’sir qiladi.

Ish qurolining ba’zi imkoniyatlarini ko‘rib chiqsak:

Debugging (yurib chiqish):
* kod qatorlarida harakatlanish, o‘zgaruvchilar qiymatlarini tekshirish, shartli va shartsiz to‘xtash tugunlarini yasash, o‘zgaruvchilarni kuzatish va stack zanjirini ko‘rish.
* Console.log ni ishlatish hech qachon yetarli emas.

Profiling (resurs monitoringi)
* kompyuter resurslarining asosiy tushunchalaridan xabardor bo‘lish
CPU ko‘p ishlatadigan kodni topish va tuzatish
Xotiradan ko‘p foydalanishni oldini olish (memory leak)

Qurish (Build) jarayoni
* turli build sozlamalarini ishlata olish (Debug, Release versiyalar)
* Turli qurilmalar uchun yasash (web, desktop, mobile)

Sinov ish qurollari (Testing)
* Unit test - qanday qilib ishlatish va hisobot olish
* kodning qaysi qismlari sinovdan o‘tganini aniqlay olish (code coverage)

Kod uslubi (code style)
* Formatting - IDE larda tayyor formatlash imkoniyati bor (andozaga solish), shuni doim ishlatib turish
* korxona kod uslubi (corporate code style) ga moslab andozaga solish (format). Shunga git formatlash bilan to‘lib qolmaydi.

Tavsiya: Ishlatadigan ish qurolingizni yaxshilab o‘rganing. Har hafta 2-3 ta yangi imkoniyatini o‘rganish orqali 1 yilda to‘liq o‘rganib olasiz. Boshqa dasturchilardan ular ishlatadigan ish qurollarini so‘rang.

Bu kabi hayotda ko‘p uchraydigan kamchiliklar doim bo‘ladi. 20-30 yil oldin ham bor edi, hali kelajakda ham ancha vaqt davom etsa kerak. Chunki hammamiz insonmiz.

Ammo, savol berish, xatolar ustida ishlash, yangilikka qiziqish bu kamchiliklar oldimi oladi. Shaxsiy rivojlanishimizga yordam beradi.

Shunday ekan, uyalmay izlaning.

Izoh:
Repo - repository. Version control’da saqlanadigan joy nomi. Siz yozgan kodlaringiz yashaydigan shahar.
Force-push - gitga ma’lumot yuklash vaqtida xatolik yuz berganida, barcha boshqalarning o‘zgarishlarini inkor qilib, sizning kodni gitga yuklash.
SVN - Subversion. git chiqishidan avvalroq muomalada bo‘lgan version control dasturi.
IDE - Integrated Development Environment, kod yozish muhiti.

16.01.2025 London
@DrAlgorithm