Ramziddin — AI va dasturlash haqida

📺 Accessibility bilan testlar haqida YouTubega video yozimi? • DevToolsda accessibility debug qilish • aria-* attributlar amaliyotda • Vitest setup qilish • React Testing Library to’g’ri ishlatish • React componentlar uchun test yozish Bu mavzularni tepadagi loyiha bilan ko’rsataman. Reaktsiya qoldirila agar qizu bo’lsa👇

🔔 Yaqinda man uchun muhim kun bo’ldi. Kim Instagramimi kuzatvotgan bo’lsa bilasila — Instagramda birinchi marta kursimi haqida ochiq gapirdim. Qisqa qilib etganda, man nimadir kimdirga o’rtgatishga va odamlar bilan ishlashga ehtiyot qariman, natijada kurs dasturi ustida ishlash mandan ko'p vaqt oldi. Bazi odamlar o’tgan yildan beri mandan kurs kutishvotti! Kursda joylrar kam bo'ladi. Sababi, man har o’quvchini natijasiga e'tibor qaratishim kerak bo’ladi. Mustaqil kursdan o’tish uchun atiga 30ta joy bo’ladi… Man bilan bir ga bir ishlash uchun faqatkina 5ta joy bo'ladi. Agar siz kursni uzoq vaqtdan beri kutvotgan bo’lsez, sizi anketani to'ldirishga taklif qilaman 📝 Anketa to’ldirganizdan keyin, siz kursda o’ziz uchun joy band qilib qo’yasiz… Va kursimi yopiq kanaliga qo’shilasiz 👇

Deme kompyuterni tushunasiz

👆 Tepadagi muammo haqida. Oldin accessibility haqida xech o'ylamaganman, lekin ishxonamda qanchali accessibility AQSHdagilarga muhimligini tushundim. Accessibility nafaqat nogornlarga yordam beradi, accessibility testlar yozishga judayam kotta yordam beradi. Testlariz ancha flexible bo'ladi. Buni xaqida man Kent Doddsning blogida, ayniqsa "Testing Implementation Details" maqolsida bilib oldim. Tepadagi muammo uchun silarga Stackblitzda loyiha yaratdim 👇 Stackblitz ochish va kodi ko'rish Kodi bemalol fork qilib, Answer component-ni accessible qilib ko'rishga harakat qilib ko'rsez bo'ladi. Manda ham bunga o'xshagan muammo bor edi, uni aria-* attributlar yordamida hal qildim. Testlarga juda yordam berdi. Fikrlar va kodlaringizni izohda qoldiring 👇

Tassavur qiling sizda shunaqa UI bor. Sizi maqsadingiz: toggle qobilyatini yaratish. Yani, faqat bitta tugma active bo'lib turadi. Tugmani ichida ikonka bo'lish kerak, va matn. Qanaqasiga siz shuni accessible qilasiz va qaysi elementlardan foydalanasiz? 💬👇 Keyingi post accessibility haqida bo'ladi.

Asosiy ekrani skrinshot qilish xozir ✖️da trend bo’lgan. Skrinshot yuborila 👇

✖️ Dasturlash sohasida ustunlikka erishish uchun eng oson usullaridan biri bu dokumentatsiya o'qish. Aaron Francis

Vakansiya keldi pochtamga 😱

Nimaga manga aynan FormData usuli yoqadi 1️⃣ Chiqib kelgan data-ni o’zgartirib, shunchaki fetch-ni body-siga bervorsa bo’ladi. 2️⃣ Dynamic ravishda input-larni olsa bo’ladi. Yani qo’lda ref ulash shart emas. FormData.entries(); 3️⃣ Bemalol fayl yuborsa bo’ladi. Batafsil: https://developer.mozilla.org/en-US/docs/Web/API/FormData/Using_FormData_Objects

Bir kuni ishxonada bitta narsaga axamiyat berib qoldim. Masalan type Post = { title: string; }; bor va const posts = getPosts(); bor. getPosts etilu Post[] qaytaradi. posts da masalan endi 5ta post bor. Agar man posts[10] yozsam, TypeScript xato beradimi? Yo'q...🥲 Playground-ga havola. posts[10].title.toUpperCase() albatta runtime error beradi, lekin TypeScript uxladi bu paytda. Buni oldini olish uchun aloxida ts configda "noUncheckedIndexedAccess" bor ekan. Endi tekishirib ko'ring. Ana endi, type safe bo'ldi. Yangi proyekt yaratganingizda iloji bo'lsa buni boshidan yoqib qo'ying.

Amerikada TIL (Today I Learned) yozishadi ko'pincha, yani "Bugun man o'rgandim". TIL: JavaScriptda vergul operatori. Batafsil: MDN

Amerikada TIL (Today I Learned) yozishadi ko'pincha, yani "Bugun man o'rgandim". TIL: JavaScriptda vergul operatori. Batafsil: MDN

Hamma 💩 kulib qo’ydim 😏

Deyarli 1 000 bo’ldik 🥳