Frontend intervyusi uchun tayyorlanishda quyidagi savollar va javoblar yordam beradi. Har biriga o'z so'zlaringiz bilan javob bera olishingiz kerak — yodlab o'qish emas, tushunish muhim.
HTML va CSS savollari
Semantic HTML nima? Ma'noni ifodalovchi teglar (header, nav, main, article, section, footer). div va span o'rniga. SEO va accessibility uchun muhim. Brauzer va qidiruv tizimlari tushunadi.
Flexbox va Grid farqi? Flexbox bir o'lchovli (qator yoki ustun), Grid ikki o'lchovli. Flexbox — navigatsiya, kartochkalar qatori, markazlashtirish. Grid — murakkab layout, galereya, dashboard. Ikkalasini birgalikda ishlatish mumkin.
CSS specificity qanday ishlaydi? Inline > ID > Class > Element. !important eng yuqori, lekin ishlatishdan qochish kerak — qiyin debug. Kalkulyatsiya: 1000 (inline), 100 (ID), 10 (class), 1 (element).
JavaScript savollari
let, const va var farqi? var — function scope, hoisting (e'lon qilishdan oldin ishlatish mumkin). let va const — block scope ({} ichida). const — o'zgarmas, lekin object/array ichidagi ma'lumotlar o'zgarishi mumkin. const preferred.
Promise va async/await? Promise — asinxron operatsiyalar (API so'rov). async/await — Promise ni soddaroq yozish usuli. try/catch bilan xatolarni ushlash. .then() va .catch() alternativasi.
Event delegation nima? Bitta parent elementda event listener, child elementlar uchun. Bubbling tufayli ishlaydi. Dinamik elementlar uchun qulay — yangi qo'shilgan elementlar ham ishlaydi.
React savollari
useState va useEffect? useState — komponent state, re-render trigger. useEffect — side effects (API so'rov, subscription, DOM). Dependency array [] — bir marta, [value] — value o'zgarganda. Cleanup function — unmount da.
Virtual DOM nima? Haqiqiy DOM ning yengil nusxasi (JavaScript obyekt). O'zgarishlarni taqqoslab faqat kerakli qismlarni yangilaydi. Tezroq. Reconciliation — diff algoritm.
Key prop nima uchun kerak? React elementlarni identifikatsiya qilish uchun. List da key — unique bo'lishi kerak. Index key sifatida yomon — reorder, add, remove da xato. id yoki unique string.
Xulosa
Bu savollar asosiy. Har biriga o'z so'zlaringiz bilan javob bera olishingiz kerak. Amaliyot — eng yaxshi o'qituvchi. Mock intervyu qiling — do'st yoki onlayn.
