DEV Community: Muhammadqodir

Internet nima va u qanday ishlaydi?

Muhammadqodir — Tue, 14 Oct 2025 09:49:14 +0000

Internet — bu kompyuterlar tarmog‘i, ya’ni butun dunyodagi millionlab kompyuter, telefon va serverlar o‘zaro ulanib, ma’lumot almashadigan global tizim.
Ular orasidagi aloqa standart protokollar orqali amalga oshadi.

Ma’lumot qanday almashadi?

Brauzer so‘rov yuboradi.
Bu so‘rov IP-manzilga boradi.
Server video paketlarini yuboradi.
Brauzer ularni yig‘ib ko‘rsatadi. ...

🌐 Batafsil o'qish...

Container Queries — adaptiv dizaynning yangi bosqichi

Muhammadqodir — Tue, 14 Oct 2025 05:05:09 +0000

Avvallari responsiv dizayn faqat Media Query orqali, ekran (viewport) o‘lchamiga qarab ishlardi.
Lekin real loyihalarda bu har doim to‘g‘ri yechim emas: bir komponent ba’zan tor konteynerda, ba’zan keng joyda joylashadi.

Container Query bu muammoga yechim bo'ladi — u komponent stilini ekran emas, konteyner o‘lchamiga qarab o‘zgartirish imkonini beradi. ...

🌐 Batafsil...

Sentry — bug and performance monitoring.

Muhammadqodir — Mon, 13 Oct 2025 10:15:41 +0000

Sentry — real vaqt rejimida xatoliklarni kuzatish va performance monitoring tizimi.

Vebsaytlarda har bir xato foydalanuvchi tajribasiga ta’sir qiladi. Browserda sodir bo‘lgan xatoliklarni foydalanuvchi ko'ra oladi, ammo dasturchi sezmaydi.

Sentry bu muammoni hal qiladi — u xatolarni real vaqt rejimida aniqlab, ularning sababi va joylashuvini ko'rsatadi.

Batafsil o'qish...

XSS (Cross-Site Scripting) veb hujumi

Muhammadqodir — Sat, 11 Oct 2025 05:24:01 +0000

XSS — bu veb hujum turi bo'lib, brauzerda zararli JavaScript kodining sizning domeningiz nomidan bajarilishi.

Misol uchun: Sayt foydalanuvchilarga izoh qoldirishga ruxsat beradi. Bir kishi izohga oddiy matn yozadi — hammasi yaxshi. Biroq hujumchi izohga kichik «sirli buyruq» yozadi. Agar siz bu izohni tozalamasdan boshqa foydalanuvchilarga ko‘rsatsangiz, brauzer o‘sha «buyruq»ni sizning sayt nomingiz ostida bajaradi.

Natijada hujumchi foydalanuvchi ma’lumotlarining o‘g‘irlashi yoki saytni manipulyatsiya qilishi mumkin.

🌐 WebBrogrammistda Batafsil...

[Boost]

Muhammadqodir — Fri, 10 Oct 2025 04:41:28 +0000

TypeScript Utility Types

Muhammadqodir ・ Oct 10

#typescript #webdev #programming #development

TypeScript Utility Types

Muhammadqodir — Fri, 10 Oct 2025 04:18:19 +0000

Bu tayyor yordamchi tiplar bo‘lib, ular mavjud interfeys yoki tiplarni o‘zgartirish, filtrlash yoki ulardan yangi tip hosil qilish uchun ishlatiladi.

Ular TypeScript'ning eng kuchli va foydali qismlaridan biri.

🌐 WebBrogrammistda batafsil...

Modular structure arxitekturasi

Muhammadqodir — Thu, 09 Oct 2025 03:26:29 +0000

Bu loyihani kichik va qayta ishlatiladigan modullarga bo‘lib tashkil qilish usuli. Modullar o‘zaro import/export orqali bog‘lanadi, lekin biri boshqasiga qaram bo‘lmaydi.

Afzalliklari:

Kod tartibli va oson boshqariladigan bo‘ladi.
Qayta ishlatiladigan komponentlar.
Katta jamoalarda ishlash uchun qulay.

E'tiborli jihati:

Kichik loyihalarda bu yondashuv qiyinroq tuyilishi mumkin.
Tuzilmani boshidanoq strategik rejalashtirish kerak.

🌐 WebBrogramist'da batafsil o'qish

Atomic Design metodologiyasi.

Muhammadqodir — Tue, 07 Oct 2025 16:13:33 +0000

Bu Frontendda UI komponentlarini tabiiy tuzilma printsiplariga ko‘ra bosqichma-bosqich tashkil qilish metodologiyasi. Uni 2013-yilda Brad Frost taklif qilgan.

Maqsad — katta loyihalarda izchillik, qayta foydalanish va tizimlilikni ta’minlash.

Batafsil...

Frontend System Design yoki Frontend Arxitekturasi

Muhammadqodir — Mon, 06 Oct 2025 05:37:06 +0000

Frontend System Design - Bu butun bir tizimni oson boshqarish. Komponentlar, state, API, caching, security kabi qismlarni bir butun qilib o‘ylash.

🔗 Batafsil....

JavaScript qanday ishlaydi?

Muhammadqodir — Mon, 06 Oct 2025 05:35:29 +0000

👩‍💻 JavaScript qanday til?

JavaScript — bu interpreted va just-in-time compiled til. Ya’ni, kodni avval butunlay mashina tiliga o‘girib keyin ishga tushirmaydi, balki kerak bo‘lsa tezda tarjima qiladi. Dastlab faqat browserda ishlagan. Hozir Node.js orqali serverda ham ishlaydi.

Batafsil...

CSS'da table'ga border-radius qo'shish.

Muhammadqodir — Mon, 06 Oct 2025 05:32:18 +0000

Bir Loyihamda CSS’da table'ga border-radius qo‘shgandim, lekin ishlamadi.
Keyin bilsam, buning sababi table default holatda border-collapse: collapse; bo'ladi.
Radius ishlashi uchun esa border-collapse: separate; va border-spacing: 0; bo'lishi kerak ekan.

Yani quyidagicha:

table {
border-collapse: separate;
border-spacing: 0;
border-radius: 8px;
}

Ko'proq ma'lumot olish

[Boost]

Muhammadqodir — Mon, 21 Jul 2025 05:36:30 +0000

Challenge: Office Edition – Holistic Webdev

Muhammadqodir ・ Jul 15

#devchallenge #frontendchallenge #css #javascript