Tilshunoshlikka oid loyihalarimdan yana biri bu Transliterator.Uz

Xususiyalari:

- Matnlarni lotin/kirill alifbosiga o'girish

- MS Ofiice fayllarni va oddiy matn fayllarni o'girish

- Deyarli barcha istisno so'zlar va qoidalarni aniqlay oladi

- Qisman transliteratsiya, ya'ni matnning faqat belgilangan qismini o'giradi

- Istisno so'zlar ro'yxatini kengaytirish

🔗 https://transliterator.uz

Github: https://github.com/diyorbek/lotin-kirill

Aytgancha, 100% client-side! Hech qanday serverlarsiz ishlaydi (albatta sahifani uzatuvchi serverdan tashqari)

P.S. Bu loyiha ham eskilaridan. Maqsad o'zi yuqoridagi Fonetika loyihasini kirill alifbosida ham ishlashini ta'minlash edi. Lekin lotin-kirill masalasi ham kichik narsa emasligini anglab yetganman.

Shu loyihalarni amalga oshirish uchun deyarli hamma ona tili darsliklarini o'qib chiqqanman. Maktab darsliklaridan to universitet dasrliklarigacha va boshqa qo'llanmallar va lug'atlar. Xatto, maktabdagi o'qituvchim bilan ham aloqaga chiqib, maslahatlashganman.

Balki dasturchi bo'lganim uchundir, ammo, anglaganim shuki, bizning O'zbek tilimiz qoidalari muammolarga to'la ekan. Ayniqsa alifbo masalasi. Shuning uchun ham balki tilimizni raqamlashtirishda juda ortda qolib ketganmiz menimcha.

Frontendni o'rganyotganlar,

Qasyi tekin API servislardan foydalanisizlar portfolio yoki shunchaki o'rganish uchun?

Masalan, man themoviedb.org, openlibrary.org lardan foydalanardim. Sizchi?

Ko'pchilik ishlatadigan va ko'pchilik ustida ishlaydigan katta loyihalarning yoqimsiz tarafi, siz erkin ishlolmaysiz.

Kod sifati va barqarorligini ta'minlash uchun qo'yilgan qoidalar bora-bora ovoragarchilikka aylanadi. Chunki vaqt o'tishi bilan hamma narsa o'zgaradi. Lekin bu o'zgarishlarning barchasiga moslashib ulgurishning iloji yo'q.

Shunday qilib bitta "techical debt" 2-siga olib keladi, keyin 3-siga... va qarabsizki sizda bir uyum "legacy" kod paydo bo'ladi.

Noliyotganim yo'q! Bu shunchaki haqiqat.

Shuni unutmang, 2 xil kod bor:
1. O'ta tushunarli va sinchkovlik bilan yozilgan ideal kod.
2. Pul keltiradigan kod.

Rasm tarjimasi:

Kelajakda shu kod ustida ishlovchilardan bunday rasvogarchilik uchun oldindan uzr so'rayman. Bizning joriy CSS validator skriptimiz turli selektorlar ichida bir xil nomli o'zgaruvchilarni qayta e'lon qilishimga imkon bermadi (aks holda kod ancha sodda va o'qishli bo'lar edi).

Ofisda meni yonimda Androidchi o'tiradi. Oq background qo'yib olgan u ham editoriga. Nega oq rang qo'yib olganini yaqinda so'ragandim. Ko'zing og'rimaydimi desam, menga shunaqasi yoqadi deb qo'ygandi. 🤷‍♂️
Mayli deb qo'yaverdim menam.

https://t.iss.one/JR_TwitGram/3048

{:searchCount} marta LinkedIn meni odamlarga ko'rsatibdi!

:fire: :grinningface:

Boshlayapmiz! 🙂

2024-yildan olgan xulosalarimdan:

- Eng qisqa yo'l har doim ham eng yaxshi yo'l emas.

- Har kim o'z ishini astoydil qilgan jamiyat kuchli bo'ladi.

- Hayotda kimlar uchundir qiyin, kimlar uchundir oson emas. Hamma o'z imtihonidan o'tayapti. Faqat imtihoniga befarqlar bor.

📢 Jonli dars: React.js loyihalar qanday ishlaydi?

👨‍🏫Mentor:
Diyorbek Sadullaev - 7 yillik tajribaga ega, Pinterest kompaniyasida senior dasturchi.

🎯 Nimalarni o'rganamiz?

React.js loyihani sozlash
- Build tools
- Production va Development muhitlari farqi.
- Preprotsessorlar vazifalari: source code vs output code
- Runtime environments: Node.js va browser o‘rtasidagi farqni tushunamiz.

Tuzilma va arxitektura
- Kengayuvchan va moslashuvchan strukturalar.
- Modul/fayllarni tartibga solish.
- Ko’p uchraydigan muammolar oldini olish.

🔑 Kimlar uchun?
- React.js ni o’rganayotgan barchaga.
- Mavjud bilimlarini yanada mukammallashtirishni istaganlar.
- React.js loyihalarini professional darajada tashkil qilishni o‘rganishni xohlaydiganlar.

⏰ 23-yanvar 19:00, online
💰 42.000 so'm
💻 Ro‘yxatdan o‘tish: https://rb.gy/f69791

‼️ Joylar soni chegaralangan: Darsga faqat birinchi 15 kishi qatnasha oladi.

@qirikki

42 platformasida online darslarni boshlayapmiz!

Bilaman, ko'pchilik 42.uz da frontend bo'yicha to'liq kurs kutayapti. Men ham o'z tajribamni boshqalar bilan samarali ravishda ulashishni xohlayman. Shu sabab online darslar orqali auditoriyaga real loyihalar ustida ishlab bilim ulashmoqchiman.

Bu online darslar barcha uchun ochiq. Va albatta, bu online darslar asosida, to'liq frontend kurslarini chiqaramiz. 🙂

Kun masalasi

Konsolga "Salom!!!" matni chiqishi uchun x qiymati qanday bo'lishi kerak?

Maxsus tip koersiyasi (Custom type coercion)

Yuqoridagi shartli ifodani bir ko'rganda ishlamaydi deb o'ylash tabiiy. Chunki Qanday qilib bir o'zgaruvchi bir vaqtda 3 xil qiymatga ega bo'lishi mumkin?

Bu albatta mumkin emas, agar o'zgaruvchi primitiv bo'lsa! Shuning uchun o'zgaruvchini dinamik ravishda primitiv qiymat qaytaruvchi obyektga aylantirish yechim bo'ladi.

Dinamik ravishda primitiv qiymat qaytarish

Buning uchun biz obyektimizga"valueOf" yoki "toString" metodlarini qo'shishimiz kerak bo'ladi. "[Symbol.toPrimitive]" orqali qo'shganimizda prioriteti ancha baland bo'ladi. Ya'ni, agar obyektda 3 ta metod ham bo'lsa JS interpretator

1-"[Symbol.toPrimitive]"
2-"valueOf"
3-"toString()"

metodlariga nisbatan tekshiradi.

Va albatta, bular "==" operatorini qo'llaganimizda ro'y beradi. :)

@brogrammist

Aytgancha, hech qachon bunday kod yozmang!

Bularning hammasi JavaScript bo'yicha bilimlarni charxlash, interpretator o'ziga xosliklarini o'rganish uchun mashq. Intervyularda ham shunday savollar tushib qolishi mumkin. Lekin o'zim intervyularda ko'rmaganman.

Aytganimdek, normal holatda hech qachon bunday kod yozilmaydi. Chunki bunday holatning bo'lishi normal holatda iloji yo'q!

Frontend arxitekturasi

Ko‘pchilik frontend arxitekturasini shunchaki papka yoki repozitoriy fayllari tuzilmasi deb o‘ylaydi. Lekin frontend arxitekturasi ancha kengroq tushuncha. Bunga kiradi:

- dastur xususiyatlarini tahlil qilish

- asosiy komponentlarini aniqlash (aynan UI komponentlari emas!)

- yaxshi “parchalangan” (decoupled) modullarga ajratish

Shular dastur mustahkam bo'lishi va ishonchli ishlashini ta’minlaydi. 

Yaxshi arxitektura quyidagilarga e’tibor qaratadi:

- tizim vazifalarining aniq taqsimlanishi (clear separation of concerns)

- kommunikatsiya shakllarining aniq belgilanishi (well-defined communication)

- bog‘lanishlar boshqaruvining moslashuvchanligi (flexible dependency management)

Kodingiz hammasi bitta faylda bo‘lmaydimi! Uning ichki tuzilishi, modullari va o‘zaro aloqalari puxta o‘ylangan bo‘lsa, loyihangiz baribir yaxshi arxitekturaga ega hisoblanadi.

Frontend arxitekturada yana nimalarga e’tibor berish kerak? Fikrlaringizni ulashing 👇

@brogrammist

Bu narsa ochiq oydin lekin ko‘pchilik noto‘g‘ri qiladi.

Dasturchi sifatida kuniga juda ko‘p qarorlar qabul qilamiz. Qanday qilib shu kodni yozish kerak, qanday qilib bu dokumentga o‘ztartirish kiritish kerak, qanday qilib bu loyihaning arxitekturasini yaratish kerak va hokazo.

Natijada bu qarorlar hamkasblarimiz bilan muhokamalarga olib keladi. Bu tabiiy holat. Siz o‘z fikringizni bildirasiz, ular esa o‘z fikrlarini bildiradi. Mana shu vaziyatda o‘zingizni fikringizni to‘g‘ri tarzda bildirish juda nozik masala.

O‘zingizni noto‘g‘ri ifodalasangiz yoki hamkasblaringiz sizning fikringizga qo‘shilmagani uchun jahlingiz chiqib ketsa, bu yaxshi bo‘lmagan natijalarga olib kelishi mumkin. 

Shuning uchun ham muhokama qilishning eng zo‘r usuli bu shaxsiy fikrdan ko‘ra ko‘proq “data” ga ya’ni aniq ma’lumotlarga asoslangan holda yuritish. Bildirayotgan fikringizni data orqali isbotlab bera olsangiz shundagina rostdan ham sizning argumentlaringiz kuchli bo‘ladi. Hech kim sizdan xafa bo‘lish huquqiga ham ega bo‘lmaydi. Chunki sizning fikrlaringizni isbotlab beradigan dalillar mavjud.

Data is king.

@jakhonrakhmonov

Brauzerni buzgan CSS funksiya

8 yildan beri frontendchiman. Ancha-muncha "bug"larni ko'rdim va hali ko'rmaganlarim qancha. Lekin ular orasida shu paytgacha ajralib turadiganlaridan biri bor. Har safar texnik suhbatlarda "siz duch kelgan eng qiziq bug haqida gapiring" deb so'rashsa, shunisini gapirib beraman.

To'liq: https://www.diyorbek.blog/blog/brauzerni-buzgan-css-funksiya

@brogrammist

Yaqinda "React.js va Autentifikatsiya" navzusida jonli dars qilgandik. Agar kimlar uchundir qiziq bo'lsa, loyiha kodi:

https://github.com/diyorbek/auth-dashboard