Shogirdlarimizdan biri yaqinda EPAMdan suhbatdan o'tganlari haqida yuqoridagi aytgan edim. Suhbatda tushgan savollarni boshqalarga ham foydasi tegib qolar deb, yozib olgan ekanlar. Shunga kerak bo'lib qolsa albatta o'zingizga saqlab boshqalarga ham ulashib qo'ying 😉

HTML/CSS:
- Adapive bilan responsive design/verstka nima farqi bor?
- Accessibility nima?
- SEO ni qanday qilib yaxshilasa bo'ladi?
- Positionlarni sanab ber
- SCSS / Less ishlatganmisan? Oddiy CSS dan farqini aytib bering

Javascirpt:
- Closure nima?
- Event loop nima?
- Promise nima ?
- Async Await haqida gapirib ber
- Javascript single threadmi yoki multithread?
- WebWorker nima?
- Set va Map nima ?
- Type turlari va farqlari nimada?
- eventDelegation nima?
- Map bn Object ni farqi
- Hoisting nima ?
- TDZ (Temporary Dead Zone) nima?

TypeScript:
- type bilan interface ni farqi nimada?
- Generics nima ?
- Qaysi holatlarda TypeScript kerak / kerak emas.

React:
- Class componentlar bilan ishlatganmisiz?
- Class component bilan Function Componentning farqi?
- Nega aynan Class component ishlatishim kerak?
- Reconsilation nima?
- Lifecycle methods Class componentlarda va Functional componentda qanday ishlatilinadi?
- Qanday qilib kodni optimize qilgan bo'lardingiz?
- HOC nima?

Umumiy:
- Code reviewda qatnashganmisiz?
- CI/CD nima? foydalanganmisiz?
- Agile / Kanban haqida gapirib bering?
- Cloud servicelar dan foydalanib ko'rganmisiz?
- Docker ni ishlatib ko'rganmisiz?
- Xujumlar haqida gapirib bering.
- RestApi bn Graphql ni farqi?
- Test yozib ko'rganmisiz?
- Tailwind / Bootstrap ishlatib ko'rganmisiz? Ularni qachon ishlatish kerak / kerak emas?

Amaliy savollar:
1. function retryFetch(url, count, delay) {}, response ijobiy kelmaguncha shu funksiya ${count} marta ishlashi kerak.
2. hasDuplicate function yozib ber. Arrayni ichida bir ma'lumot takrorlangan bo'lsa true qaytarishi kerak
3. sum function yozib ber. sum(1, 2, 3, 4, 5, 6)
4. harflar nechta qatnashganini topib beruvchi funksiya yozib bering. test => {t: 2, e: 1, s: 1}
5. Arrayning flat methodini qo'lda yozib bering.

Barcha amaliy savollarda time comlexity bn space complexityni aytish so'raldi

Bundan tashqari 3-4 ta consolega nima chiqishi haqida ma'lumot so'radi

P.S. Suhbat javobi hali chiqqani yo'q, shunga imkoni bo'lsa do'stimiz haqqiga duo qilib qo'ysangiz xursand bo'lar edik 😊

@khumoyun_codes

Yuqoridagi EPAM savollariga javoblar yozsam ancha kontent bo'lib qolarkan a? Nima demadilar.

Interviewda quyidagicha javob bergan bo'lardim:

- HTML/CSS bu browserdagi har qanday platforma, website, interaktiv mahsulotlarning asosi bo'lib xizmat qiladigan texnologiyalardir.

- HTML - yoyganda HyperText Markup Language, nima qayerda joylashishini hal qiladi, yani strukturasini. Strukturani qurishda teglardan foydalanadi.

- CSS - yoyganda Cascading Style Sheets, ana o'sha HTML element(qism, teg)larga ko'rinish (stil) berish uchun foydalaniladi. (rang, shrift, masofalar)

P.S: Yuqoridagi uchta nuqtani aytiladi, katta ehtimol bilan ushbu javobingizdan ham savol topib berishadi)) #interview #answers

@zyodev

Adaptive dizayn (yoki adaptive verstka) – bu har xil ekran o‘lchamlari uchun alohida layout (maket) tayyorlashni talab qiladi. Masalan, saytning desktop, tablet va mobile versiyalarini alohida ishlab chiqasiz. Har bir versiya (layout) ma’lum “breakpoint”ga (ekran kengligiga) moslab aniq o‘lchamlar bilan tuziladi. Shuning uchun ekran o‘lchami bir oz o‘zgarsa ham, layout keskin “sakrab” boshqa versiyaga o‘tadi.

Responsive dizayn (yoki responsive verstka) – bu sayt yoki ilovaning ekran o‘lchamiga qarab o‘zini “moslashtirib” ketishiga asoslangan yondashuv. Bunda sahifa elementlari “rezina” (fluid) bo‘ladi, media-query (CSS) yordamida turli xil ekran kengliklarida o‘zi mos ravishda joylashadi. Ekran cheksiz o‘lchamda o‘zgaraversa ham, sahifadagi bloklar shu o‘zgarishga nisbatan qaytadan o‘lchab, qayta joylashadi.

Qisqacha aytganda:
• Adaptive: aniq `breakpoint`lar va alohida layoutlar. Har xil qurilmaga alohida ko‘rinish chiqariladi.
• Responsive: butun layout “rezina” bo‘lib, o‘zgarayotgan ekran o‘lchamlariga mos ravishda tartib va hajmini o‘zi o‘zgartirib boradi.

P.S: Qisqacha shunday) #interview #answers

@zyodev

🔹 1. Semantik HTML ishlatish
✔️ <header>, <article>, <section>, <nav>, <footer> kabi teglarni ishlating.
✔️ <h1> dan <h6> gacha bo‘lgan sarlavhalarni mantiqiy ketma-ketlikda yozing.

🔹 2. Meta Teglar va Strukturaviy Ma’lumotlar
✔️ Title va Meta Description har bir sahifa uchun unikalligi muhim.
✔️ Open Graph (og:title, og:description, og:image) va Twitter Cards qo‘shing.

🔹 3. Mobilga Moslashuv
✔️ meta viewport ni ishlatish:

<meta name="viewport" content="width=device-width, initial-scale=1">

✔️ Sahifani Google Lighthouse orqali tekshirib turing.

🔹 4. Sahifa Yuklanish Tezligini Oshirish
✔️ Rasm optimizatsiyasi: WebP yoki AVIF formatlaridan foydalaning.
✔️ Lazy Loading qo‘shing:

<img src="image.jpg" loading="lazy" alt="Tavsif">

✔️ CSS va JS fayllarni minify qiling.
✔️ Cache sozlamalarini to‘g‘ri qo‘ying.

🔹 5. Yaxshi URL Struktura
✔️ Tushunarli URL yozing:

✅

example.com/best-seo-tips

❌

example.com/page?id=12345

✔️ robots.txt va sitemap.xml sozlamalarini to‘g‘ri qo‘ying.

🔹 6. Ichki Linking va Accessibility (A11Y)
✔️ <a> teglarida aniq matn ishlating:

<a href="/seo-tips">SEO ni yaxshilash bo‘yicha maslahatlar</a>

✔️ ARIA atributlari bilan sahifani imkoniyati cheklangan foydalanuvchilar uchun moslang.

🔹 7. Structured Data (Schema Markup)
✔️ JSON-LD formatida Schema.org belgilarini qo‘shing:

<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "SEO yaxshilash usullari",
"author": {
"@type": "Person",
"name": "Dasturchi"
}
}
</script>

✔️ Google Rich Snippets funksiyasidan foydalaning.

🔎 SEO natijalarini tekshirish uchun:
📊 Google Lighthouse
📊 PageSpeed Insights
📊 Google Search Console

P.S: Juda to'liq javob shunday bo'lgan bo'lardi. #interview #answers

@zyodev

O'zgaruvchilar(variable)ni to'g'ri nomlash juda muhim!

Ayniqsa sizdan keyin kimdir bu codeni o'qisa.

P.S: Sizdan keyin keladigan dasturchiga sevgi xatiday qilib yozing codeingizni!

@zyodev

Grok AI is out!

grok.com

@zyodev

Hayit muborak🌙

Men ilgari CORS (Cross-Origin Resource Sharing) bizning backendni himoya qiladi deb o‘ylardim. Lekin bir kuni texnikasi kuchli dasturchi mendan shunday deb so‘radi:

“Agar CORS backend’ni himoya qilsa, nega Postman bilan API’ga hech qanday CORS sozlamasisiz bemalol murojaat qilish mumkin?”

Bu savol meni hushyor torttirdi. Biz hech qachon Postman’ni CORS ro‘yxatiga qo‘shmaymiz. Ammo u baribir ishlayveradi. Nega?

Ko‘pchilik dasturchilar kabi, men ham CORS nima qilishini noto‘g‘ri tushungan ekanman. Brauzerda chiqqan CORS xatolarini ko‘rib, ko‘pincha Google’dan “fix” izlab qo‘yamiz — asl sababini tushunmasdan.

⸻
Bir necha oy oldin, bu masalani chuqurroq o‘rganishga qaror qildim. Mana bir oddiy, ammo tushunarli misol:

Tasavvur qiling:
Siz brauzeringizni ochasiz va bank[nuqta]com saytiga kirib, akkauntingizga login qilasiz. Frontend esa bank-api[nuqta]com orqali API so‘rovlar yuboradi. Cookie’lar brauzerda saqlanadi.
- Keyin yangi tab ochib, notanish saytga kirasiz: unknown-site[nuqta]com.
- U saytda quyidagi JavaScript kodi ishlaydi:

fetch("https://bank-api.com/transfer?to=123&amount=3000", {
credentials: "include"
});

Siz allaqachon login bo‘lganingiz uchun cookie’lar bor.
credentials: "include" ishlatilgani sababli, brauzer cookie’larni so‘rovga qo‘shadi. Backend esa shunday deb o‘ylaydi:

“Bu foydalanuvchi login bo‘lgan, pulni ko‘chirishga ruxsat.”
💸 Natija: pul yo‘q.

⸻
Endi CORS nima qiladi?

Brauzer bu so‘rov boshqa manbadan (unknown-site.com) kelganini ko‘radi va backend’dan so‘raydi:
“Bu so‘rovni ruxsat beraymi?”
Backend quyidagicha javob beradi:
Access-Control-Allow-Origin: bank.com

Brauzer esa tekshiradi va:
• Agar so‘rov bank.com dan bo‘lsa — ruxsat beradi.
• Agar unknown-site.com dan bo‘lsa — bloklaydi.

✅ CORS — bu brauzer darajasidagi xavfsizlik.
❌ Backend’ning o‘zini himoya qilmaydi.

Postman esa brauzer emas — CORS bu yerda ishlamaydi.
Hatto foydalanuvchi brauzerga CORS’ni o‘chiradigan extension o‘rnatsa, zararli sayt bu himoyani chetlab o‘tishi mumkin.

⸻
Bu hammasi birgina savoldan boshlandi.
Va menga bir muhim narsani eslatdi:
- 🧠 Qiziquvchanlik — bizning superqudratimiz.
- “Qanday?” emas, “Nega?” degan savolni berishga o‘rgatadi.
Haqiqiy o‘rganish shu yerdan boshlanadi.

Source: linkedIn

@zyodev

TaqobbalAllohu minna va minkum!

@zyodev

Xobbi

Bir dasturchi akamiz o’zlariga yaxshi bir xobbi topibtilar. Baliq tutish. Yaxshi mashg’ulot, ko’proq o’ylaysiz, tin olasiz, kalamushlar poygasidan sal bo’lsa ham dam olasiz.

Yana birlari bo’sh qoldi degancha yuguradilar. Bu ham yaxshi mashg’ulot. Ochilmagan qirralar ochiladi, jismonan va ruhan tetiklashadi va eng muhimi testesteron oshadi.

Boshqa bir toifa tanishlarim bor, ularning xobbisi boshqalarning hayotlaridagi muammolar, kamchiliklarni kuzatish, muhokama qilish va ularga yechim berishdan iborat.

*Buyam bir xobbi bo’lsa kerak!

@zyodev

Manba, source!

Ko‘pchilik bunga uncha e’tibor bermaydi, lekin bu juda kerakli masala.

Kimdir aytgan gapni, biror joydan olingan xabar, ma'lumotni yoki qiziq faktni "copy-paste" qilib tarqatayotganda, uni qayerdan olganimizni aytishimiz rostdan ham shartmi?

🤔 Nega manba ko‘rsatish foydali?

Sizga ishonch paydo bo‘ladi: "Bu odam havodan olib yozmaydi, aniq joydan ma'lumot olarkan" degan fikr paydo bo‘ladi. Shunchaki mish-mish emas, dalil bilan gapirayotganingiz bilinib turadi.

Tayyorlaganni mehnatini hurmat qilasiz: Har bir maqola, video yoki post ortida kimdir ter to‘kib mehnat qilgan. Manbani ko‘rsatib, o‘sha odamga "rahmat" aytgan bo‘lasiz va ko‘chirmakashlikdan yiroq bo‘lasiz.

Eng asosiysi, odamlarga yordam berasiz: Aytaylik, postingz kimgadir juda yoqib qoldi va u shu mavzu haqida ko‘proq bilmoqchi. Siz ko‘rsatgan manba orqali o‘tib, o‘ziga kerakli qo‘shimcha ma'lumotlarni bemalol topib oladi.

🧐 Xo‘p, manbani qanday ko‘rsatish kerak?

Saytdan biror narsa oldingizmi? -> Ssilkasini (linkini) tashlab qo‘ying.
Kitobdanmi? -> Kitobning nomi va avtorini yozib qo‘ying.
Boshqa bir kanaldan yoki Instagramdami? -> "@" belgisi bilan o‘sha kanalni belgilab (tag qilib) qo‘ying.

PS: Kelinglar, ko'chimachilikni "mening ijod mahsulim" deyishni bas qilaylik, asl manbaga qaytaylik.

@zyodev

23 yil yashab tushunganim:

Hammani eshit, ularga quloq sol, maslahatlarini ol. Lekin bilganingni qil.

Sababi senga nima qulay ekanini faqat o'zing bilasan.

Ular esa o'zlari uchun ishlagan narsani senga ham ishlaydi deb o'ylashadi.

Yangiliklarni o'rniga:

https://www.youtube.com/playlist?list=PLEGCF-WLh2RLHqXx6-GZr_w7LgqKDXxN_

@zyodev