Test bazasi

423 savol — 345 variantli, 78 yopiq (qisqa javob).

Javoblar har savoldan keyin yopiq blokda. Avval o'zingiz javob bering, keyin oching.

A qism — Variantli savollar

JavaScript / TypeScript

45 savol

Asoslar (JavaScript)

1. Junior — Nima chiqadi?

console.log(a);
var a = 1;
console.log(a);

• A) null, keyin 1
• B) 1, keyin 1
• C) undefined, keyin 1
• D) ReferenceError

2. Junior — Nima bo'ladi?

console.log(b);
let b = 2;

• A) undefined — var kabi hoisting
• B) ReferenceError — TDZ
• C) 2 — e'lon avval bajariladi
• D) null — default qiymat

3. Junior — const bilan e'lon qilingan obyektning property'sini o'zgartirish mumkinmi?

const user = { name: 'Ali' };
user.name = 'Vali';   // ?
user = {};            // ?

• A) Ha — const faqat bog'lanishni muzlatadi
• B) Faqat strict mode'dan tashqarida
• C) Yo'q — const obyekt ichini ham muzlatadi
• D) Faqat Object.freeze qo'shilgan bo'lsa

4. Junior — Nima chiqadi?

for (var i = 0; i < 3; i++) setTimeout(() => console.log(i), 0);
for (let j = 0; j < 3; j++) setTimeout(() => console.log(j), 0);

• A) 3 3 3 va 3 3 3
• B) 3 3 3 va 0 1 2
• C) 0 1 2 va 3 3 3
• D) 0 1 2 va 0 1 2

5. Junior — Closure nima?

• A) Har chaqiruvda scopeni tozalaydigan funksiya
• B) O'zini qayta chaqiruvchi rekursiv funksiya
• C) Tashqi lexical scopeni eslab qoluvchi funksiya
• D) this ni doimiy bog'lab qo'yuvchi funksiya

6. Junior — Nima chiqadi?

const [a, b, ...rest] = [1, 2, 3, 4, 5];
console.log(a, b, rest);

• A) 1 2 [3, 4, 5]
• B) 1 2 [4, 5]
• C) 1 2 3
• D) 1 2 undefined

7. Junior — Nima chiqadi?

const a = { x: 1, y: 2 };
const b = { ...a, y: 5, z: 3 };
console.log(b);

• A) { x: 1, y: 2, z: 3 }
• B) { y: 5, z: 3 }
• C) { x: 1, y: 5, z: 3 }
• D) TypeError

8. Junior — Nima chiqadi?

const v = 0;
console.log(v ?? 'default');
console.log(v || 'default');

• A) 0 'default'
• B) 'default' 0
• C) 'default' 'default'
• D) 0 0

9. Junior — Nima chiqadi?

const user = { profile: null };
console.log(user.profile?.address?.city);

• A) undefined
• B) TypeError: Cannot read properties of undefined
• C) null
• D) {}

10. Junior/Middle — Nima chiqadi?

const arr = [1, [2, [3, [4]]]];
console.log(arr.flat(2));

• A) [1, 2, 3, 4]
• B) [1, 2, [3, [4]]]
• C) [1, 2, 3, [4]]
• D) [1, [2, [3, [4]]]]

11. Junior/Middle — Nima chiqadi?

console.log([1, 2, 3].reduce((a, b) => a + b));
console.log([].reduce((a, b) => a + b));

• A) TypeError va TypeError
• B) 6 va undefined
• C) 6 va TypeError
• D) 6 va 0

12. Junior/Middle — Nima chiqadi?

console.log([NaN].includes(NaN), [NaN].indexOf(NaN));

• A) false -1
• B) true 0
• C) false 0
• D) true -1

13. Junior/Middle — Nima chiqadi?

const o = { z: 1, a: 2, 2: 'x', 1: 'y' };
console.log(Object.keys(o));

• A) ['z', 'a', '2', '1']
• B) ['1', '2', 'z', 'a']
• C) ['1', '2', 'a', 'z']
• D) ['a', 'z', '1', '2']

14. Junior/Middle — Object.entries({a:1, b:2}) nima qaytaradi?

• A) [['a', 'b'], [1, 2]]
• B) [['a', 1], ['b', 2]]
• C) { a: 1, b: 2 }
• D) ['a', 1, 'b', 2]

15. Middle — Nima chiqadi?

const grid = new Array(3).fill([]);
grid[0].push('x');
console.log(grid);

• A) [['x'], [], []]
• B) [['x'], ['x'], ['x']]
• C) [[], [], []]
• D) ['x', [], []]

Asinxronlik

16. Middle — Konsolga qanday tartibda chiqadi?

console.log('A');
queueMicrotask(() => console.log('B'));
Promise.resolve().then(() => console.log('C'));
setTimeout(() => console.log('D'), 0);
console.log('E');

• A) A E B C D
• B) A E D B C
• C) A B C D E
• D) A E C B D

17. Middle — JS event loop'ida quyidagilardan qaysi biri microtask navbatiga tushmaydi?

• A) queueMicrotask
• B) Promise.then
• C) setTimeout(fn, 0)
• D) await dan keyingi kod

18. Middle — Brauzer event loop'ida requestAnimationFrame callback'i qaysi navbatga tushadi?

• A) Render fazasiga — macrotask'lar orasida
• B) Sinxron — chaqirilgan joyda darrov
• C) Macrotask navbatiga — setTimeout bilan birga
• D) Microtask navbatiga — Promise bilan birga

19. Junior/Middle — Promise.all da bitta promise reject bo'lsa, qolganlari bekor qilinadimi?

• A) Ha — Promise.all qolganlarini bekor qiladi
• B) Yo'q — qolganlari ishlashda davom etadi
• C) Faqat AbortController berilgan bo'lsa bekor bo'ladi
• D) Faqat Promise.allSettled da davom etadi

20. Junior/Middle — Qaysi biri birinchi fulfilled natijani qaytaradi (reject'larni o'tkazib yuborib)?

• A) Promise.all
• B) Promise.race
• C) Promise.any
• D) Promise.allSettled

21. Senior — Bu kod nega ortiqcha sekin va qanday tuzatiladi?

async function f() {
  return Promise.resolve(1);
}

• A) Sekin emas — async qo'shimcha tick qo'shmaydi
• B) Promise qaytarish +2 microtask tick qo'shadi
• C) Promise.resolve oqimni sinxron bloklaydi
• D) async har doim yangi mikro-oqim ochadi

22. Junior/Middle — await aslida nima qiladi?

• A) Funksiyani bo'ladi — davomi microtask'ga ko'chadi
• B) Oqimni bloklab, promise natijasini kutadi
• C) Alohida thread ochib, parallel bajaradi
• D) Promise'ni sinxron qiymatga aylantiradi

Prototip va OOP

23. Middle — Nima chiqadi?

function Animal(name) { this.name = name; }
Animal.prototype.speak = function() { return this.name + ' ovoz chiqardi'; };

const it = new Animal('Sharik');
console.log(it.speak());
console.log(it.hasOwnProperty('speak'));

• A) TypeError
• B) undefined · false
• C) Sharik ovoz chiqardi · false
• D) Sharik ovoz chiqardi · true

24. Middle — Object.create(null) va {} farqi?

• A) Faqat muzlatilgan (frozen) obyekt yaratadi
• B) null qiymat qaytaradi, obyekt emas
• C) Ikkalasi ham Object.prototype dan meros oladi
• D) Prototipsiz obyekt yaratadi — meros metodlarsiz

25. Middle — call, apply, bind farqi?

• A) call — massiv, apply — alohida arg, bind — yangi funksiya
• B) bind — massiv oladi, call va apply — funksiya qaytaradi
• C) call — alohida arg, apply — massiv, bind — yangi funksiya
• D) Uchtasi ham this ni bog'lab, funksiyani darrov chaqiradi

26. Junior/Middle — Nima bo'ladi?

class Counter {
  count = 0;
  increment() { this.count++; }
}
const c = new Counter();
const inc = c.increment;
inc();

• A) count 1 ga oshadi, this saqlanadi
• B) NaN — count topilmaydi
• C) this window bo'ladi, xato chiqmaydi
• D) TypeError — this undefined

27. Junior/Middle — Nima chiqadi?

class Base {
  constructor() { this.type = 'base'; }
  hello() { return 'Base'; }
}
class Child extends Base {
  constructor() { super(); this.type = 'child'; }
  hello() { return super.hello() + ' → Child'; }
}
console.log(new Child().hello(), new Child().type);

• A) Base → Child · child
• B) Child · base
• C) Base · child
• D) Xato — super.hello() mumkin emas

28. Middle — JS'da extends bilan meros olgan klass konstruktorida super() chaqirilmasa nima bo'ladi?

• A) ReferenceError — this dan oldin super() kerak
• B) Faqat TypeScript kompilyatsiyada ogohlantiradi
• C) Ota-ona konstruktori avtomatik chaqiriladi
• D) Hech narsa — this bo'sh obyekt bo'ladi

TypeScript

29. Junior — unknown va any farqi?

• A) unknown ni ishlatishdan oldin toraytirish shart
• B) any ni ham ishlatishdan oldin toraytirish shart
• C) unknown faqat obyekt tiplariga beriladi
• D) unknown — any ning yangi nomi, farqi yo'q

30. Junior — TypeScript'da never tipi qachon ishlatiladi?

• A) Funksiya qiymatsiz qaytganda — void o'rniga
• B) Funksiya hech qachon qaytmaganda yoki imkonsiz tipda
• C) null va undefined o'rniga bo'sh qiymat sifatida
• D) Bo'sh obyekt {} tipini bildirish uchun

31. Junior/Middle — interface va type farqi — qaysi javob noto'g'ri?

• A) interface declaration merging ni qo'llab-quvvatlaydi (bir nom bilan ikki marta e'lon → birlashadi)
• B) type union va tuple yasashi mumkin, interface — yo'q
• C) Ikkalasi ham extends bilan kengaytiriladi
• D) type runtime'da mavjud bo'ladi, interface — yo'q

32. Junior/Middle — A tipi nima bo'ladi?

type X = { id: number };
type Y = { name: string };
type A = X & Y;

• A) { id: number; name?: string }
• B) never — tiplar mos kelmaydi
• C) { id: number } | { name: string }
• D) { id: number; name: string }

33. Middle — K extends keyof T nima beradi?

function getProp<T, K extends keyof T>(obj: T, key: K): T[K] {
  return obj[key];
}

• A) K har qanday string bo'lishi mumkin
• B) K T ning qiymat tiplaridan biri bo'ladi
• C) K runtime'da kalit borligini tekshiradi
• D) K faqat T ning mavjud kalitlaridan biri bo'ladi

34. Middle — TypeScript utility type'laridan qaysi biri obyekt tipidan maydonni olib tashlaydi?

• A) Partial<T>
• B) Record<K, V>
• C) Omit<T, K>
• D) Pick<T, K>

35. Middle — T nima bo'ladi?

interface User { id: number; name: string; email: string; }
type T = Omit<User, 'email'> & { role: string };

• A) { id, name, email, role }
• B) { id, name, role }
• C) { role }
• D) { email, role }

36. Middle — Type predicate x is string olib tashlansa (: boolean qolsa) nima buziladi?

function isString(x: unknown): x is string {
  return typeof x === 'string';
}

• A) x if ichida avtomatik any bo'lib qoladi
• B) Hech narsa — TS tipni funksiya tanasidan chiqaradi
• C) if ichida narrowing yo'qoladi — x unknown qoladi
• D) Kompilyatsiya xatosi — boolean qaytarib bo'lmaydi

37. Middle — TypeScript'da quyidagilardan qaysi biri type guard emas?

• A) typeof x === 'string'
• B) x instanceof Date
• C) 'name' in obj
• D) x as string

38. Senior — R nima bo'ladi?

type NonNull<T> = T extends null | undefined ? never : T;
type R = NonNull<string | null | number>;

• A) never
• B) unknown
• C) string | number | null
• D) string | number

39. Senior — TypeScript standart kutubxonasida Partial<T> qanday yozilgan?

• A) T | undefined
• B) { [K in keyof T]?: T[K] }
• C) Omit<T, keyof T>
• D) Built-in, TS ichida C++ da

40. Senior — R nima bo'ladi?

type EventName<T extends string> = `on${Capitalize<T>}`;
type R = EventName<'click' | 'focus'>;

• A) 'onclick' | 'onfocus'
• B) 'onClick' | 'onFocus'
• C) string — literal yo'qoladi
• D) 'onClick' — faqat birinchisi

41. Middle/Senior — Angular dekoratorlari (@Component, @Injectable) aslida nima?

• A) Klassni boshqa klass bilan almashtiruvchi tiplar
• B) Faqat kompilyatsiya vaqtidagi TS annotatsiyalari
• C) Klassga metadata biriktiruvchi oddiy funksiyalar
• D) JS standartining rasmiy qismi bo'lgan sintaksis

42. Middle/Senior — strictNullChecks: true nima o'zgartiradi?

• A) null va undefined endi har tipga sig'maydi
• B) Runtime'da null tekshiruvini qo'shib beradi
• C) null qiymatidan foydalanishni butunlay taqiqlaydi
• D) Faqat strict: true bilan birga yoqilsa ishlaydi

Performance

43. Senior — WeakMap kaliti nega faqat obyekt bo'lishi mumkin?

• A) Primitiv kalitlar hash qilinmaydi, tezlik tushadi
• B) Primitivlar Map da allaqachon qo'llab-quvvatlanadi
• C) Zaif havola faqat GC yig'adigan qiymatga ma'noli
• D) Bu TypeScript tiplash cheklovi, JS'da mumkin

44. Senior — Web Worker qanday muammoni hal qiladi va asosiy cheklovi nima?

• A) Tarmoq so'rovlarini tezlashtiradi; cheklov — faqat HTTPS
• B) Og'ir hisobni alohida oqimda bajaradi; cheklov — DOM yo'q
• C) Xotirani tejaydi; cheklov — faqat Chrome'da ishlaydi
• D) Kodni avtomatik parallellaydi; cheklovi yo'q

45. Senior — Closure qanday memory leak keltirib chiqaradi?

• A) Eski brauzerlarda GC closure'ni tanimaydi
• B) Tashqi o'zgaruvchiga havolani ushlab turadi
• C) Faqat rekursiv chaqiruvlarda stack to'lib ketadi
• D) Har chaqiruvda scope nusxasi klonlanib qoladi

Algoritmlash

40 savol

Murakkablik tahlili

1. Junior/Middle — Murakkabligi?

function f(arr) {
  for (let i = 0; i < arr.length; i++) {
    if (arr.includes(arr[i] * 2)) return true;
  }
  return false;
}

• A) O(n)
• B) O(n log n)
• C) O(n²)
• D) O(1)

2. Junior/Middle — O(n² + 3n + 100) ni soddalashtiring.

• A) O(n² + 3n)
• B) O(n²)
• C) O(n)
• D) O(100n²)

3. Junior/Middle — Murakkabligi?

for (let i = 0; i < n; i++) console.log(i);
for (let j = 0; j < n; j++) console.log(j);

• A) O(log n)
• B) O(2n)
• C) O(n²)
• D) O(n)

4. Middle — Murakkabligi?

const seen = new Set();
for (const x of arr) {
  if (seen.has(x)) return true;
  seen.add(x);
}

• A) O(n²)
• B) O(n)
• C) O(n log n)
• D) O(1)

5. Middle — Murakkabligi?

function f(a, b) {
  return a.filter(x => b.some(y => y.id === x.id));
}

• A) O(n)
• B) O(n log n)
• C) O(n·m)
• D) O(1)

6. Middle — Kod murakkabligini baholaganda javob qaysi holatda O(n log n) bo'ladi?

• A) Har qanday ichma-ich ikki tsikl bo'lganda
• B) Har qanday rekursiv chaqiruv mavjud bo'lganda
• C) Saralash yoki har qadamda yarimlash bo'lganda
• D) Har elementda hash bo'yicha qidiruv bajarilganda

7. Middle — Space complexity qanday?

function sum(arr) {
  let total = 0;
  for (const x of arr) total += x;
  return total;
}

• A) O(n²)
• B) O(n)
• C) O(1)
• D) O(log n)

8. Middle — Space complexity qanday?

function f(arr) {
  const seen = new Set();
  for (const x of arr) seen.add(x);
  return seen.size;
}

• A) O(n²)
• B) O(log n)
• C) O(1)
• D) O(n)

9. Middle — Chuqurligi n bo'lgan rekursiv funksiyaning space complexity'si nega O(n)?

• A) Call stackda n ta freym turadi
• B) Har chaqiruv massivning yangi nusxasini yaratadi
• C) Har qadam natijasi keshda saqlanib boradi
• D) O(1) — stack freymlari hisobga olinmaydi

Ma'lumot tuzilmalari

10. Junior — JS massivida quyidagi amallardan qaysi biri O(1) emas?

• A) arr.push(x)
• B) arr.pop()
• C) arr[500]
• D) arr.shift()

11. Junior — arr.splice(1, 2) nima qaytaradi va arr qanday bo'ladi?

const arr = [1, 2, 3, 4, 5];
const result = arr.splice(1, 2);

• A) [1,2] · [3,4,5]
• B) [2,3] · [1,4,5]
• C) [2,3] · [1,2,3,4,5]
• D) [1,2,3] · [4,5]

12. Junior/Middle — Nega [...new Set(arr)] arr.filter((x,i)=>arr.indexOf(x)===i) dan tezroq?

• A) Set — O(1) hash, indexOf — element boshiga O(n)
• B) indexOf ham hash ishlatadi, farqi faqat sintaksisda
• C) filter metodi har doim Set dan sekinroq ishlaydi
• D) Set massivni avval saralab oladi — O(n log n)

13. Junior/Middle — Object va Map farqi — qaysi javob noto'g'ri?

• A) Object kaliti ham har qanday tip bo'la oladi
• B) map.size — O(1), Object.keys(o).length — O(n)
• C) Map kaliti har qanday tip bo'la oladi (obyekt ham)
• D) Map qo'shilish tartibini saqlaydi

14. Middle — Stack va Queue farqi?

• A) Stack — FIFO, Queue — LIFO
• B) Stack — LIFO, Queue — FIFO
• C) Ikkalasi ham FIFO, farqi metod nomlarida
• D) Stack — indeksli kirish, Queue — LIFO

15. Middle/Senior — Linked List va Array — boshiga element qo'shish?

• A) Linked List O(1), Array O(n)
• B) Ikkalasi O(1)
• C) Ikkalasi O(n)
• D) Linked List O(n), Array O(1)

16. Senior — BST da qaysi traversal saralangan ketma-ketlik beradi?

• A) Pre-order (tugun → chap → o'ng)
• B) In-order (chap → tugun → o'ng)
• C) Post-order (chap → o'ng → tugun)
• D) Level-order (qavatma-qavat, BFS)

17. Senior — BST da qidiruv qachon O(log n) emas, O(n) bo'ladi?

• A) Daraxt muvozanatsiz — zanjirga aylanib qolsa
• B) Daraxtda takroriy qiymatlar ko'p bo'lsa
• C) Daraxtdagi tugunlar soni juda ko'payib ketsa
• D) Daraxt to'liq balanslangan holatga kelsa

18. Senior — Graf uchun adjacency list va matrix — qaysi javob to'g'ri?

• A) Matrix har doim afzal — xotirasi kam va tezroq
• B) Ikkalasi ham O(V²) xotira, farqi qidiruv tezligida
• C) List — O(V²) xotira; Matrix — O(V+E), tekshiruv O(n)
• D) List — O(V+E) xotira; Matrix — O(V²), tekshiruv O(1)

Qidiruv va Saralash

19. Junior/Middle — Binary search ishlashi uchun asosiy shart?

• A) Shart yo'q
• B) Uzunlik 2 darajasi bo'lishi
• C) Massiv saralangan bo'lishi
• D) Elementlar unikal bo'lishi

20. Junior/Middle — Binary search 1 000 000 elementda maksimal necha qadam qiladi?

• A) ~1000
• B) 1 000 000
• C) ~10
• D) ~20

21. Junior/Middle — Bubble, Selection, Insertion Sort — murakkabligi?

• A) O(n log n) — uchtasi ham
• B) O(n) — bitta o'tish yetarli
• C) O(n log n), faqat Bubble Sort O(n²)
• D) O(n²) — uchtasi ham

22. Middle — Merge Sort va Quick Sort — qaysi javob to'g'ri?

• A) Ikkalasi ham barqaror (stable) saralash hisoblanadi
• B) Quick har doim Merge'dan tezroq va barqaror
• C) Merge qo'shimcha xotira ishlatmaydi (in-place)
• D) Merge kafolatli O(n log n), Quick — O(n²) xavfi

23. Senior — Quick Sort qachon O(n²) ga tushadi?

• A) Massivda takroriy qiymatlar juda ko'p bo'lganda
• B) Massiv juda katta bo'lib xotiraga sig'masa
• C) Pivot random tanlanganda — bo'linish notekis bo'ladi
• D) Pivot doim eng katta yoki eng kichik element bo'lsa

24. Middle — Array.prototype.sort() haqida qaysi javob noto'g'ri?

• A) Barqaror (stable)
• B) Yangi massiv qaytaradi
• C) O(n log n)
• D) Asl massivni o'zgartiradi

25. Middle — Nima chiqadi?

console.log([10, 9, 100, 1].sort());

• A) [1, 10, 100, 9]
• B) [1, 9, 10, 100]
• C) [100, 10, 9, 1]
• D) [10, 9, 100, 1]

26. Middle — JS'da Array.prototype.sort() ning murakkabligi implementatsiyaga bog'liqmi?

• A) Ha — dvigatelga qarab O(n) dan O(n²) gacha
• B) Faqat V8 da O(n log n), boshqalarda O(n²)
• C) Kichik massivda O(n) — Insertion Sort tanlanadi
• D) Yo'q — taqqoslashli saralash O(n log n) dan tez emas

Algoritmik paradigmalar

27. Middle — Bu kodda nima yetishmayapti?

function countdown(n) {
  console.log(n);
  return countdown(n - 1);
}

• A) n kamaytirilmayapti — qiymat o'zgarmaydi
• B) return yo'q — funksiya undefined qaytaradi
• C) Base case yo'q — RangeError beradi
• D) Hech narsa — rekursiya to'g'ri yozilgan

28. Middle — Oddiy rekursiv Fibonachchi funksiyasida fib(40) nega memoizatsiyasiz juda sekin ishlaydi?

• A) JS dvigateli rekursiyani optimallashtirmaydi
• B) Xotira O(n²) — freymlar saqlanib qoladi
• C) O(2ⁿ) — bir xil qiymatlar qayta hisoblanadi
• D) Call stack limiti oshadi — chuqurlik 40 ta

29. Middle/Senior — Memoizatsiyalangan rekursiv Fibonachchi fib(n) ning vaqt va xotira murakkabligi?

• A) O(2ⁿ) / O(n)
• B) O(log n) / O(n)
• C) O(n) / O(1)
• D) O(n) / O(n)

30. Senior — Dinamik dasturlashda (DP) Memoization va Tabulation farqi?

• A) Tabulation — rekursiv, Memoization — tsiklli
• B) Tabulation sekinroq — keshni har safar o'qiydi
• C) Ikkalasi ham bir xil, faqat nomlari boshqa
• D) Memoization — rekursiv, Tabulation — tsikl bilan

31. Senior — Grafda eng qisqa yo'l (og'irliksiz) uchun qaysi algoritm va tuzilma?

• A) DFS, rekursiya
• B) DFS, Stack
• C) Ikkalasi ham bir xil
• D) BFS, Queue

32. Senior — Grafni aylanib chiqishda DFS qaysi ma'lumot tuzilmasidan foydalanadi?

• A) Min-heap — prioritet navbat
• B) Hash map — ko'rilganlar to'plami
• C) Queue — navbat (FIFO)
• D) Stack yoki rekursiya

Amaliy masalalar

33. Middle — Two Sum — hash map bilan qanday O(n) bo'ladi?

• A) Massivni saralab, ikki tomondan kursor yurgizish
• B) Ikki ichma-ich tsikl, lekin juftlarni map'da saqlash
• C) Har elementda target - x ni map'dan qidirish
• D) Barcha juftliklarni rekursiv tekshirib chiqish

34. Middle/Senior — Sliding Window qaysi masalaga mos?

• A) Ikki saralangan massivni bittaga birlashtirish
• B) Grafda ikki tugun orasidagi eng qisqa yo'l
• C) Ketma-ket k ta elementning eng katta yig'indisi
• D) Daraxtda berilgan qiymatni qidirib topish

35. Middle/Senior — Two Pointers qachon ishlatiladi?

• A) Har qanday massivda universal — saralash shart emas
• B) Faqat linked list'da tsiklni aniqlash uchun
• C) Faqat rekursiv bo'linadigan masalalarda
• D) Saralangan massivda ikki tomondan juftlik topishda

36. Middle/Senior — Massiv saralanmagan, yig'indisi target bo'lgan juftlik kerak. Qaysi naqsh?

• A) Hash Map
• B) Sliding Window
• C) Two Pointers
• D) Binary search

37. Middle — Bu kodda qanday xato bor?

function findDuplicates(arr) {
  const result = new Set();
  for (const x of arr) {
    if (!result.has(x)) result.add(x);
  }
  return [...result];
}

• A) O(n²) — Set.has har safar massivni skanerlaydi
• B) Dublikatlarni emas, unikallarni qaytaradi
• C) Set bu masalaga mos emas, Map kerak
• D) Xato yo'q — dublikatlar to'g'ri topiladi

38. Senior — Binary search'da bu qatorning xatosi nima?

while (lo <= hi) {
  const mid = Math.floor((lo + hi) / 2);
  if (sorted[mid] === x) return mid;
  if (sorted[mid] < x) lo = mid;
  else hi = mid - 1;
}

• A) hi = mid - 1 xato — hi = mid bo'lishi kerak
• B) lo = mid — cheksiz sikl, lo = mid + 1 kerak
• C) mid hisoblashda toshib ketish (overflow) bor
• D) Xato yo'q — sikl lo <= hi bilan to'g'ri tugaydi

39. Middle — Bu kodda qanday muammo bor?

const arr = [1, 2, 4, 5];
arr.forEach((x, i) => {
  if (x % 2 === 0) arr.splice(i, 1);
});

• A) Iteratsiya paytida massiv o'zgaryapti — indeks suriladi
• B) forEach ichida splice chaqirish TypeError beradi
• C) Cheksiz sikl — forEach uzunlikni qayta o'qiydi
• D) Xato yo'q — juft sonlar to'g'ri o'chiriladi

40. Middle — Bu funksiyada qanday yon ta'sir bor?

function getTop3(arr) {
  return arr.sort((a, b) => b - a).slice(0, 3);
}

• A) slice() asl massivdan elementlarni kesib oladi
• B) sort() asl massivni o'zgartiradi (mutatsiya)
• C) Har chaqiruvda yangi massiv yaratiladi — xotira sarfi
• D) Yon ta'sir yo'q — sort nusxa qaytaradi

Angular — Boshlang'ich

35 savol

Component

1. Junior — selector: 'app-user' bilan e'lon qilingan komponentni <div app-user> ko'rinishida ishlatsa bo'ladimi?

• A) Yo'q — bu element selektor, atribut uchun '[app-user]' kerak
• B) Ha, faqat standalone komponentda ruxsat etilgan
• C) Ha, Angular element va atribut ko'rinishini ham qabul qiladi
• D) Ha, lekin @Input bog'lanishlari ishlamaydi

2. Junior — Angular template'da data binding turlarini to'g'ri moslang: {{x}} · [x] · (x) · [(x)]

• A) interpolation · property · event · two-way
• B) property · interpolation · two-way · event
• C) two-way · property · event · interpolation
• D) interpolation · event · property · two-way

3. Junior/Middle — Standalone komponentda imports massiviga nima tushadi?

• A) Faqat boshqa standalone komponentlar
• B) Faqat CommonModule va FormsModule
• C) Faqat NgModule'lar va ularning eksportlari
• D) Modul, komponent, direktiva va pipe — hammasi

4. Junior/Middle — Angular komponent lifecycle hook'larining to'g'ri tartibi?

• A) ngOnInit → ngAfterViewInit → ngOnChanges → ngOnDestroy
• B) ngOnChanges → ngAfterViewInit → ngOnInit → ngOnDestroy
• C) ngOnChanges → ngOnInit → ngAfterViewInit → ngOnDestroy
• D) ngOnInit → ngOnChanges → ngAfterViewInit → ngOnDestroy

5. Junior/Middle — Komponent constructor ida @Input qiymatini o'qish mumkinmi?

• A) Ha, DI bilan bir vaqtda o'rnatiladi
• B) Yo'q — u yerda qiymat hali undefined
• C) Faqat required: true berilgan bo'lsa
• D) Faqat input() signal shaklida bo'lsa

6. Junior/Middle — @Output bilan ota-onaga xabar yuborish uchun nima kerak?

• A) EventEmitter yaratib emit() chaqirish
• B) @Input orqali callback funksiya uzatish
• C) window.dispatchEvent bilan custom event
• D) Ota-onada @ViewChild bilan bolani o'qish

7. Middle — @Input({ required: true }) nima qiladi?

• A) Template'da berilmasa kompilyatsiya xatosi
• B) Birinchi CD siklida qiymat borligini tekshiradi
• C) Qiymat null bo'lsa runtime'da xato tashlaydi
• D) Konstruktorda ham qiymat borligini kafolatlaydi

8. Middle/Senior — input.required<User>() va @Input({required:true}) user!: User farqi?

• A) input() faqat zoneless rejimda ishlaydi
• B) input() ikki tomonlama bog'lanish beradi — [(user)] ishlaydi
• C) Faqat sintaksis farqi, natija bir xil
• D) input() signal qaytaradi — user() deb o'qiladi

Template

9. Junior — Angular template'da #ref template o'zgaruvchisi uch xil holatda nimaga ishora qiladi?

• A) Element → DOM node, komponent → instansiya, exportAs → direktiva
• B) Uchala holatda ham DOM elementga ishora qiladi
• C) Har doim komponent yoki direktiva instansiyasi qaytadi
• D) Komponentda ham nativeElement, direktivada undefined qaytadi

10. Junior/Middle — Angular template'da user?.address?.city va user!.address yozuvlarining farqi?

• A) ! qiymat null bo'lsa uni undefined ga aylantiradi
• B) Ikkalasi ham runtime'da null dan himoya qiladi
• C) ?. runtime'da tekshiradi, ! — faqat TypeScript uchun
• D) ! runtime'da tekshiradi, ?. — faqat TypeScript uchun

11. Middle — ng-template, ng-container, ng-content — qaysi javob to'g'ri?

• A) ng-template chaqirilmasa chizilmaydi, ng-container DOM'da yo'q
• B) ng-content o'z bolalarini ng-template ga o'raydi
• C) ng-container DOM'da oddiy <div> bo'lib chiziladi, qolgani xuddi shu
• D) Uchalasi ham DOM'da o'z elementini yaratib chiziladi

12. Middle — ng-content select nima uchun?

• A) Proyeksiya qilingan kontentga CSS selektor qo'llaydi
• B) Named slot — kontentni selektor bo'yicha taqsimlaydi
• C) Proyeksiya qilingan kontentni shart bo'yicha filtrlaydi
• D) Proyeksiya tartibini alifbo bo'yicha saralaydi

13. Middle — @ViewChild bilan olingan element birinchi marta qayerda mavjud bo'ladi?

• A) constructor
• B) ngOnChanges
• C) ngOnInit
• D) ngAfterViewInit

14. Middle — @ViewChild va @ContentChild farqi?

• A) @ViewChild — o'z template'i, @ContentChild — proyeksiya
• B) @ViewChild — komponentlar, @ContentChild — DOM elementlar
• C) Ikkalasi ham o'z template'ida qidiradi, farq — tayyor bo'lish vaqti
• D) @ContentChild — o'z template'i, @ViewChild — proyeksiya

15. Middle — @ViewChildren nima qaytaradi?

• A) Observable<Element[]> — har CD'da yangi qiymat
• B) Array — oddiy massiv, o'zgarishini kuzatib bo'lmaydi
• C) QueryList — .changes observable'i bor to'plam
• D) NodeList — brauzerning jonli DOM to'plami

Change Detection

16. Junior/Middle — Angular'ning default change detection strategiyasida CD qachon ishga tushadi?

• A) Faqat detectChanges() qo'lda chaqirilganda
• B) Faqat @Input reference o'zgarganda
• C) zone.js ushlagan har async hodisadan keyin
• D) Har animatsiya freym'ida (requestAnimationFrame)

17. Middle — ChangeDetectionStrategy.OnPush komponentni 'iflos' qiladigan 4 ta narsa?

• A) Yangi @Input reference · setTimeout · .subscribe() · getter
• B) Har qanday property o'zgarishi · event · HTTP javobi · timer
• C) @Input reference · detectChanges · tick() · NgZone.run
• D) Yangi @Input reference · event · async pipe · markForCheck

18. Middle — ChangeDetectionStrategy.OnPush komponentga @Input() user obyekti berilgan. Ota-onada shu obyektning property'si mutatsiya qilindi — ekran yangilanadimi?

• A) Ha, chunki CD template ifodalarini baribir qayta hisoblaydi
• B) Yo'q — reference o'zgarmadi, OnPush uni o'tkazib yuboradi
• C) Ha, agar @Input uchun setter e'lon qilingan bo'lsa
• D) Ha, lekin bir CD sikli kechikish bilan ko'rinadi

19. Middle/Senior — ChangeDetectorRef ning markForCheck() va detectChanges() metodlari farqi?

• A) Ikkalasi ham darhol tekshiradi, farq — qamrov kengligida
• B) markForCheck faqat OnPush'da, detectChanges esa faqat Default'da
• C) markForCheck — belgilaydi, keyingi siklda; detectChanges — darhol
• D) detectChanges — belgilaydi, markForCheck — darhol tekshiradi

20. Middle/Senior — Komponentda ChangeDetectorRef.detach() qachon foydali?

• A) SSR'da serverdagi ortiqcha renderni to'xtatish uchun
• B) Katta ro'yxatni birinchi renderdan oldin to'liq tayyorlab olishda
• C) Juda tez yangilanadigan komponentda — CD ni o'zingiz boshqarasiz
• D) Komponent yo'q qilinishidan oldin xotirani bo'shatishda

21. Senior — Angular zoneless rejimda quyidagilardan qaysi biri DOM'ni yangilaydi?

• A) setTimeout(() => this.name = 'Ali')
• B) this.nameSignal.set('Ali')
• C) http.get().subscribe(v => this.name = v)
• D) setInterval(() => this.count++)

22. Senior — Mavjud Angular ilovasini zoneless rejimga o'tkazishning birinchi qadami?

• A) Signal'ga o'tish
• B) zone.js ni o'chirish
• C) Butun ilovani OnPush ga o'tkazish
• D) Barcha setTimeout ni olib tashlash

23. Middle — ExpressionChangedAfterItHasBeenCheckedError nega chiqadi va uch yechimi?

• A) Template'da bir xil ifoda ikki marta yozilgani uchun
• B) Prod build'da ham chiqadi — CD sikli cheksiz aylanib qolgan
• C) Faqat OnPush komponentlarda uchraydigan reference xatosi
• D) Dev rejimdagi ikkinchi tekshiruv — qiymat CD'dan keyin o'zgargan

Advanced Component

24. Senior — Dinamik komponentni kod orqali yaratish uchun nima ishlatiladi?

• A) document.createElement
• B) ViewContainerRef.createComponent()
• C) new MyComponent()
• D) ComponentFactoryResolver (v13 dan olib tashlangan)

25. Senior — Angular'da AOT va JIT kompilyatsiyaning farqi?

• A) Ivy'dan keyin ikkalasi birlashgan, endi farqi qolmagan
• B) AOT — build paytida, JIT — brauzerda runtime'da kompilyatsiya
• C) JIT — build paytida, AOT — brauzerda runtime'da kompilyatsiya
• D) AOT prod uchun, JIT dev uchun — bugun ham shunday ishlaydi

26. Senior — Angular Elements nima?

• A) DOM elementlariga kirish uchun yangi ElementRef API'si
• B) Angular CDK ichidagi uslubsiz UI primitivlari to'plami
• C) Web Component'ni Angular komponentiga o'rash mexanizmi
• D) Angular komponentini Web Component sifatida eksport qilish

27. Senior — Angular Ivy (v9) renderer nima berdi?

• A) Faqat kompilyatsiya tezligini oshirgan renderer yangilanishi
• B) Kichikroq bundle, tezroq qayta build, soddaroq debug
• C) Template'ga yangi sintaksis olib kelgan kompilyator
• D) SSR va hydration imkoniyatini birinchi bo'lib qo'shgan

Component

28. Middle — ViewEncapsulation.Emulated (default) stillarni qanday izolyatsiya qiladi?

• A) Stillar global <style> ga tushadi, izolyatsiya yo'q
• B) Stillar shablon ichiga inline style bo'lib yoziladi
• C) Element va CSS'ga _ngcontent-xxx atributi qo'shiladi
• D) Shadow DOM yaratadi, izolyatsiyani brauzer ta'minlaydi

29. Middle/Senior — :host va :host-context() farqi nima?

:host { display: block; }
:host(.active) { border: 1px solid; }
:host-context(.dark-theme) { background: #222; }

• A) :host — komponent ildizi, :host-context() — ota kontekst
• B) :host — ichki elementlar, :host-context() — host teg
• C) Ikkalasi ham host elementini tanlaydi, sintaksis farqi bor
• D) :host-context() faqat ViewEncapsulation.None da ishlaydi

30. Middle/Senior — ::ng-deep nima qiladi va nega deprecated?

• A) Stilni bola komponentlarga o'tkazadi; standart emas
• B) Stilni faqat host elementiga qo'llaydi; o'rniga :host bor
• C) Barcha stillarni global qiladi; Angular 17 da olib tashlandi
• D) Shadow DOM chegarasini buzadi; faqat None bilan ishlaydi

Advanced Component

31. Middle — NgComponentOutlet nima uchun ishlatiladi?

<ng-container *ngComponentOutlet="widget; inputs: { title: 'Salom' }">
</ng-container>

• A) router-outlet o'rnini bosadigan yangi marshrut chiqishi
• B) Komponent shablonini alohida faylga ko'chirish uchun
• C) Shablonda dinamik komponent yaratish — deklarativ yo'l
• D) ng-content bilan proyeksiya qilingan kontentni olish

Change Detection

32. Senior — afterNextRender() ngAfterViewInit() dan nimasi bilan farq qiladi?

• A) Faqat brauzerda, DOM to'liq render bo'lgach ishlaydi
• B) Har change detection siklidan so'ng qayta chaqiriladi
• C) Faqat SSR serverida ishlaydi, brauzerda chaqirilmaydi
• D) Bir xil, afterNextRender — uning yangi nomi xolos

Template

33. Middle — CUSTOM_ELEMENTS_SCHEMA qachon kerak bo'ladi?

@Component({
  selector: 'app-root',
  template: '<my-widget [value]="x"></my-widget>',
  schemas: [CUSTOM_ELEMENTS_SCHEMA],
})

• A) Web Component ishlatganda NG0304 xatosini o'chiradi
• B) Standalone komponentni NgModule ichiga ulaganda kerak
• C) Har qanday shablon xatosini o'chirib qo'yish uchun
• D) Yangi HTML atributlari va event'larni ro'yxatga olish uchun

34. Senior — DomSanitizer.bypassSecurityTrustHtml() nima qiladi?

this.html = this.sanitizer.bypassSecurityTrustHtml(userInput);
<div [innerHTML]="html"></div>

• A) CSP sarlavhasiga ruxsat qo'shadi, HTML'ga tegmaydi
• B) HTML'ni tozalab, <script> teglarini olib tashlaydi
• C) Sanitizatsiyani o'chiradi — XSS javobgarligi sizda
• D) HTML'ni matn sifatida ekranga chiqaradi, teglarsiz

Change Detection

35. Junior/Middle — Dev rejimda Angular prod'dan farqli ravishda nima qiladi?

• A) Har bir komponentni ikki marta qayta render qiladi
• B) Barcha console.log chaqiruvlarini o'chirib tashlaydi
• C) CD dan keyin qo'shimcha tekshiruv sikli yuritadi
• D) Change detection'ni butunlay o'chirib qo'yadi

Angular — Service va DI

26 savol

Service asoslari

1. Junior — @Injectable() dekoratori nima uchun kerak?

• A) Faqat providedIn yozish imkonini beradi
• B) Klassni service turiga aylantiradi — busiz service emas
• C) Klassni singleton qilib ro'yxatdan o'tkazadi
• D) Angular'ga DI metadata beradi — bog'liqlik inject qilinadi

2. Junior — providedIn: 'root' ning NgModule.providers dan asosiy afzalligi?

• A) Faqat qisqaroq yozuv, natija esa bir xil
• B) Service ilova ishga tushishida darhol yaratiladi
• C) Tree-shakable — ishlatilmasa bundle'ga tushmaydi
• D) NgModule'siz standalone ilovada yagona yo'l

3. Middle — providedIn: 'root', 'platform', 'any' farqi?

• A) any — bitta, root — har modulga, platform — brauzer bo'ylab
• B) root — bitta, platform — ilovalararo, any — har injectorga
• C) Uchalasi ham bitta instansiya beradi, farq — yaratilish vaqti
• D) root — bitta, platform — har lazy modulga, any — ilovalararo

4. Middle — Angular'da inject() funksiyasini qayerda chaqirish mumkin?

• A) Faqat injection context'da — field, constructor, factory
• B) Faqat constructor parametrida, boshqa joyda emas
• C) ngOnInit va undan keyingi barcha lifecycle hook'larda
• D) Komponent va service ichida istalgan metodda

5. Middle — inject() ning konstruktor DI dan afzalligi?

• A) Bundle hajmini kamaytiradi, dekorator metadata kerak emas
• B) Bog'liqlikni kerak bo'lgan paytda lazy yuklaydi
• C) Konstruktor DI'dan tezroq — reflection ishlatmaydi
• D) Merosda qulay — bola super() ga bog'liqlik uzatmaydi

HTTP

6. Junior — HttpClient metodi chaqirilganda so'rov qachon ketadi?

• A) ngOnInit tugagach, birinchi CD siklida
• B) async pipe ishlatilgandagina jo'natiladi
• C) subscribe() qilinganda — observable cold
• D) Metod chaqirilishi bilan darhol jo'natiladi

7. Junior/Middle — HttpClient so'roviga query parametr qanday to'g'ri qo'shiladi?

• A) { headers: { q: term } } orqali uzatiladi
• B) { body: { q: term } } — GET'da ham ishlaydi
• C) { params: new HttpParams().set('q', term) }
• D) '/api?q=' + encodeURIComponent(term) bilan

8. Junior/Middle — HttpClient bilan JSON emas, fayl (blob) yuklab olish uchun nima kerak?

• A) Alohida metod
• B) { responseType: 'blob' }
• C) headers: {Accept: 'blob'}
• D) fetch ishlatish

9. Middle — Interceptor'da nega req.clone() kerak?

• A) Nusxa asl obyektdan tezroq serializatsiya qilinadi
• B) HttpRequest immutable — mutatsiya qilinmasligi kerak
• C) Har interceptor o'z so'rovini alohida yuborishi uchun
• D) TypeScript readonly maydonlarga yozishni taqiqlaydi

10. Middle/Senior — Angular 15+ funksional interceptor qanday ro'yxatdan o'tkaziladi?

• A) provideHttpClient(withInterceptorsFromDi()) bilan
• B) provideInterceptors([authInterceptor]) bilan
• C) {provide: HTTP_INTERCEPTORS, useValue: authInterceptor}
• D) provideHttpClient(withInterceptors([authInterceptor]))

11. Middle — HTTP xatolarini bir joyda boshqarish uchun interceptor'da nima yoziladi?

• A) next(req) chaqiruvini try/catch blokiga o'rash
• B) next(req).pipe(catchError(...)) operatori orqali
• C) next(req).subscribe() ichida xatoni ushlash
• D) Global ErrorHandler provayderini almashtirish

12. Senior — Muvaffaqiyatsiz HTTP so'rovni exponential backoff bilan qayta urinish qanday yoziladi?

• A) repeat({ count: 3, delay: 1000 }) operatori bilan
• B) catchError ichida setTimeout bilan qayta chaqirish
• C) retry({ count: 3, delay: (e, i) => timer(i * 1000) })
• D) retry(3) — RxJS kechikishni o'zi oshirib boradi

Hierarchical DI

13. Middle — DI qidiruvi qaysi yo'nalishda ketadi?

• A) Komponent injector'idan yuqoriga, root'gacha
• B) Root injector'dan pastga, komponentgacha
• C) Avval root'da, topilmasa komponentda qidiradi
• D) Faqat komponentning o'z injector'ida qidiradi

14. Middle — Quyidagi sozlamada CartService ning nechta instansiyasi yaratiladi?

@Injectable({ providedIn: 'root' })
export class CartService {}

@Component({ selector: 'app-cart', providers: [CartService] })
export class CartComponent {}

// ota template: <app-cart></app-cart> × 3

• A) 1 — providedIn: 'root' ustunlik qiladi
• B) Xato — bir service ikki joyda provide qilinmaydi
• C) 4 — root'dagi bittasi va uchta komponentniki
• D) 3 — har komponent instansiyasi o'zinikini oladi

15. Senior — Angular DI'da bola komponent ota-onasining service instansiyasini olishi kerak. Qaysi dekorator?

• A) @Host()
• B) @Optional()
• C) @SkipSelf()
• D) @Self()

16. Senior — Bu kodda @Optional() nima uchun kerak?

@NgModule({ providers: [AuthService] })
export class CoreModule {
  constructor(@Optional() @SkipSelf() parent: CoreModule) {
    if (parent) throw new Error('CoreModule faqat AppModule da!');
  }
}

• A) To'g'ri import'da yuqorida hech narsa topilmaydi — null kerak
• B) Lazy modul o'z injector'ida qidirmasligi uchun
• C) @SkipSelf bilan birga yozilishi TypeScript talabi
• D) CoreModule ikki marta import qilinsa xato bermasligi uchun

Advanced DI

17. Senior — Nega interfeys DI token bo'la olmaydi?

• A) Angular faqat abstract class tokenlarini qo'llaydi
• B) Interfeys bir nechta klass tomonidan implement qilinadi
• C) Interfeys kompilyatsiyadan keyin runtime'da qolmaydi
• D) Interfeysga @Injectable dekoratori yozib bo'lmaydi

18. Senior — Angular DI'da InjectionToken qachon kerak?

• A) Klass bo'lmagan bog'liqlik uchun — config, satr, funksiya
• B) Har qanday service'ni provide qilishda tavsiya etiladi
• C) Bir nechta instansiya kerak bo'lganda ajratish uchun
• D) Faqat testda haqiqiy service'ni mock bilan almashtirishda

19. Senior — Provider turlarini moslang: useClass · useValue · useFactory · useExisting

• A) qiymat · almashtirish · taxallus · hisoblash
• B) hisoblash · tayyor qiymat · almashtirish · taxallus
• C) almashtirish · taxallus · qiymat · hisoblash
• D) almashtirish · tayyor qiymat · hisoblash · taxallus

20. Senior — Angular DI'da config qiymati environment ga qarab hisoblanishi kerak. Qaysi provider turi?

• A) useClass
• B) useValue
• C) useFactory
• D) useExisting

21. Senior — Angular provider'idagi multi: true nima qiladi?

• A) Tokenni bir nechta injector'da qayta ishlatishga ruxsat
• B) Bitta token ostida massiv yig'iladi — hammasi qaytadi
• C) Service'ning bir nechta instansiyasini yaratadi
• D) Keyingi provider oldingisini almashtiradi

22. Senior — Angular'da APP_INITIALIZER tokeni nima qiladi?

• A) Har route navigatsiyasida qaytadan ishga tushadi
• B) Root injector qurilganda, kutmasdan ishlaydi
• C) Birinchi komponent render bo'lib bo'lgandan keyin ishlaydi
• D) Bootstrap'dan oldin ishlaydi — Angular Promise'ni kutadi

23. Senior — Angular'da ENVIRONMENT_INITIALIZER (v14+) nima uchun?

• A) SSR'da server environment'ini sozlash uchun
• B) environment.ts fayllarini yuklab, config'ni tarqatadi
• C) APP_INITIALIZER ning v14 dagi yangi nomi
• D) Environment injector qurilganda bir marta yon ta'sir

State management (service)

24. Middle — Angular service'ida local state saqlash uchun qaysi RxJS Subject turi mos?

• A) ReplaySubject(1) — oxirgi qiymatni takrorlaydi
• B) Subject — faqat yangi qiymatlarni tarqatadi
• C) AsyncSubject — faqat yakuniy qiymatni beradi
• D) BehaviorSubject — boshlang'ich qiymati bor

25. Middle — BehaviorSubject state pattern'ida nega asObservable() ishlatiladi?

• A) TypeScript tur xatolarining oldini oladi
• B) Tashqaridan next() chaqirishning oldini oladi
• C) Subscriber'lar sonini cheklab, xotira tejaydi
• D) Observable'ni cold'dan hot'ga o'tkazadi

26. Middle/Senior — Signal-based store (v17+) BehaviorSubject'dan nimasi bilan afzal?

• A) Faqat sintaksis qulayligi, ishlash prinsipi bir xil
• B) Asinxron oqimlarni (HTTP, debounce) yaxshiroq boshqaradi
• C) Sinxron o'qish, computed hosila, unsubscribe kerak emas
• D) RxJS'ni butunlay almashtiradi — operatorlar kerak emas

Angular — Directive

27 savol

Built-in directives

1. Junior — *ngIf da else bloki qanday yoziladi?

• A) *ngIf="x" va qo'shni elementda *ngElse
• B) *ngIf="x" yonida *ngIfElse="tpl" qo'shiladi
• C) *ngIf="x; else tpl" + <ng-template #tpl>
• D) *ngIf="x; otherwise tpl" + <ng-template>

2. Junior — *ngFor da mavjud lokal o'zgaruvchilar qaysilar?

• A) index, first, last, even, odd, count
• B) index, even, odd — qolganlari @for da bor
• C) index, first, last, count, length, key
• D) $index, $first, $last, $even, $odd, $count

3. Junior — *ngFor da trackBy berilmasa, ro'yxat yangilanganda nima bo'ladi?

• A) Faqat sekinroq ishlaydi, DOM elementlari saqlanadi
• B) Angular xato beradi — trackBy majburiy maydon
• C) Angular DOM elementlarni qayta yaratadi — fokus yo'qoladi
• D) Ro'yxat elementlarining tartibi tasodifiy buzilib ketadi

4. Junior — [ngClass] qaysi shakllarni qabul qiladi?

• A) Faqat satr va massiv, obyekt [class] uchun
• B) Faqat boolean qaytaradigan ifodalar
• C) Satr, massiv va obyekt — uchalasi ham
• D) Faqat obyekt — {a: true, b: false}

5. Junior — [ngStyle] va [style.width.px] farqi?

• A) Ikkalasi ham NgStyle direktivasiga kompilyatsiya bo'ladi
• B) [style.width.px] — native binding, ngStyle — direktiva
• C) ngStyle tezroq — obyektni bir marta qo'llaydi
• D) [style.width.px] faqat statik qiymat bilan ishlaydi

6. Junior — ngSwitch to'g'ri sintaksisi?

• A) [ngSwitch] + [ngSwitchCase] + [ngSwitchDefault]
• B) *ngSwitch + [ngSwitchCase] + [ngSwitchDefault]
• C) *ngSwitch + *ngSwitchCase + *ngSwitchDefault
• D) [ngSwitch] + *ngSwitchCase + *ngSwitchDefault

7. Middle — @if/@for va *ngIf/*ngFor — asosiy texnik farq?

• A) Yangilari ng-template ga aylanmaydi — to'g'ridan-to'g'ri kod
• B) Eskilari v17 dan deprecated, v19 da olib tashlangan
• C) Faqat sintaksis farqi — kompilyator natijasi aynan bir xil
• D) Yangilari CommonModule import qilinishini talab qiladi

Custom Attribute Directive

8. Junior/Middle — Angular'da custom direktiva yozilmoqda — uning selector i odatda qanday shaklda beriladi?

• A) 'app-x' — element
• B) '[appX]' — atribut
• C) '.app-x' — klass
• D) Farqi yo'q

9. Middle — Direktivada @Input nomi selektor bilan bir xil bo'lsa (selector: '[appColor]', @Input() appColor), template'da qaysi shaklni ishlatish to'g'ri?

• A) Faqat <p [appColor]="color"> — qavsli shakl
• B) Faqat <p appColor="red"> — qavssiz shakl
• C) Ikkalasi ham xato — @Input nomi boshqa bo'lishi kerak
• D) Ikkalasi ham — qavssiz satr, qavs bilan ifoda

10. Middle — Angular direktivasida DOM bilan ishlashda ElementRef qachon o'rinli, qachon yo'q?

• A) Faqat ngAfterViewInit dan keyin, SSR'da esa hech qachon
• B) Faqat direktivada — komponentda @ViewChild ishlatiladi
• C) O'qish uchun ha, yozish uchun Renderer2 afzal
• D) Har qanday DOM manipulyatsiyasi uchun to'g'ri vosita

11. Middle — Direktivada DOM'ni o'zgartirishda Renderer2 nega el.nativeElement ga to'g'ridan-to'g'ri yozishdan afzal?

• A) Kodni qisqartiradi — bir chaqiruvda bir nechta amal
• B) Platformadan mustaqil — SSR va Web Worker'da ishlaydi
• C) DOM'ga to'g'ridan-to'g'ri yozgani uchun tezroq ishlaydi
• D) Yangi API — nativeElement v15 dan deprecated

12. Middle — @HostListener ishlatilganda removeEventListener yozish kerakmi?

• A) Faqat OnPush komponentlarda kerak bo'ladi
• B) Faqat window:/document: prefiksli hodisalar uchun kerak
• C) Ha, ngOnDestroy da qo'lda olib tashlash kerak
• D) Yo'q — direktiva yo'q qilinganda Angular o'zi tozalaydi

13. Middle — Direktivada @HostBinding va Renderer2 orasidagi chegara qayerda — qaysi biri qachon ishlatiladi?

• A) Ikkalasi bir xil — @HostBinding ichida Renderer2 chaqiriladi
• B) @HostBinding — host element, Renderer2 — boshqa elementlar
• C) @HostBinding — deklarativ, Renderer2 — faqat SSR uchun
• D) @HostBinding v15 dan deprecated, host obyekti almashtirgan

14. Middle — @HostBinding('class.active') isActive = false nima qiladi?

• A) Host class atributini butunlay active ga almashtiradi
• B) active klassi bo'lgan host elementlarni tanlab beradi
• C) Host elementga active klassini faqat init'da qo'yadi
• D) isActive o'zgarganda active klassini qo'shadi/oladi

15. Middle — Direktiva dekoratoridagi host obyekti bilan @HostBinding/@HostListener dekoratorlari farqi?

• A) Dekoratorlar tezroq — kompilyator ularni inline qiladi
• B) host faqat komponentda, dekoratorlar faqat direktivada
• C) host obyekti eskirgan, dekoratorlar uni almashtirgan
• D) Funksional jihatdan bir xil — host yozuvi tavsiya etiladi

Custom Structural Directive

16. Middle/Senior — Strukturaviy direktiva konstruktoriga qaysi ikkitasi inject qilinadi?

• A) ViewContainerRef va ElementRef
• B) ElementRef va Renderer2
• C) TemplateRef va ViewContainerRef
• D) TemplateRef va ChangeDetectorRef

17. Middle/Senior — *ngIf kabi custom strukturaviy direktiva yozilmoqda. @Input setter'ida hasView flagi nima uchun kerak?

• A) ViewContainerRef bo'shligini tekshirishning yagona yo'li
• B) Performance — createEmbeddedView qimmat operatsiya
• C) TypeScript setter'da qiymatni saqlashni talab qiladi
• D) Setter qayta chaqirilsa dublikat view yaratilmasligi uchun

18. Senior — Angular template'da <div *ngIf="show"> yozilganda oldidagi yulduzcha aslida nima?

• A) Sintaktik shakar — Angular uni <ng-template> ga ochadi
• B) Strukturaviy direktiva belgisi, undan boshqa ma'nosi yo'q
• C) Maxsus operator — direktivani lazy chaqiradi
• D) Selektorni [ ] o'rniga yozishning qisqa shakli

19. Middle/Senior — Direktiva dekoratoridagi exportAs: 'tooltip' nima beradi?

• A) Direktivani modul exports ro'yxatiga avtomatik qo'shadi
• B) Direktivani boshqa fayldan import qilishdagi nomini belgilaydi
• C) Tree-shaking uchun direktivaga unikal nom beradi
• D) Template'da direktiva instansiyasiga #t="tooltip" bilan kirish

20. Senior — Komponent yoki direktiva dekoratoridagi hostDirectives (v15+) nima qiladi?

• A) Direktivalarni template'da import'siz ishlatishga ruxsat
• B) Host elementdagi direktivalarni o'qishga imkon beradi
• C) Komponent host elementiga direktivalarni biriktiradi
• D) Direktivalarni kerak bo'lganda lazy yuklaydi

21. Senior — Angular CDK direktivalari (cdkDrag, cdkOverlay) nima?

• A) Faqat Material bilan birga ishlaydigan yordamchi direktivalar
• B) Angular jamoasi qo'llab-quvvatlamaydigan uchinchi tomon paketi
• C) Uslubsiz xatti-harakat primitivlari — drag, overlay, a11y
• D) Angular Material komponentlarining tayyor to'plami

Advanced

22. Middle — *ngComponentOutlet nima qiladi?

<ng-container *ngComponentOutlet="cmp; inputs: { title: 'Salom' }"></ng-container>

• A) Berilgan klassdan komponentni shu joyda yaratadi
• B) Komponent template'ini boshqa joyga ko'chirib qo'yadi
• C) Komponentni lazy chunk sifatida alohida yuklab beradi
• D) Komponent selektorini template'da dinamik almashtiradi

23. Middle — let-item (qiymatsiz) context'ning qaysi kalitini oladi?

<ng-template #row let-item let-i="index">{{ i }}: {{ item.name }}</ng-template>
<ng-container *ngTemplateOutlet="row; context: { $implicit: user, index: 3 }"></ng-container>

• A) item nomli kalitni — nomlar mos kelishi kerak
• B) Context obyektining birinchi kalitini tartib bo'yicha
• C) value deb nomlangan maxsus kalitni oladi
• D) $implicit kalitini — standart qiymatni

Built-in directives

24. Middle/Senior — *ngFor ga beriladigan TrackByFunction qanday argumentlarni qaysi tartibda oladi?

• A) (index: number, item: T) — kalit qaytaradi
• B) Eski va yangi elementni solishtirish uchun oladi
• C) (item: T, index: number) shu tartibda oladi
• D) Faqat element obyektini oladi va kalit qaytaradi

Custom Attribute Directive

25. Middle/Senior — @HostListener('document:click') haqida nima to'g'ri?

@HostListener('document:click', ['$event.target'])
onOutside(target: HTMLElement) { /* ... */ }

• A) Angular direktiva yo'q qilinganda listener'ni o'zi oladi
• B) Bu ishlamaydi — faqat host hodisalari qo'llab-quvvatlanadi
• C) Faqat host element ichidagi click'larni ushlaydi
• D) Listener'ni qo'lda ngOnDestroy da olib tashlash shart

Advanced

26. Senior — @ViewChild(X, { static: true }) qachon o'rinli bo'ladi?

• A) Element shartli — natija ngAfterViewInit da o'qilganda
• B) Faqat ContentChild bilan birga ishlatilganda
• C) Element *ngIfsiz — ngOnInit da kerak bo'lganda
• D) Bir nechta element topilishi kerak bo'lgan holatda

Built-in directives

27. Middle — ngSwitch da birorta *ngSwitchCase mos kelmasa nima bo'ladi?

• A) Oxirgi mos kelgan case eskicha qolib ketadi
• B) Konsolga ogohlantirish chiqadi va blok tashlanadi
• C) Birinchi case standart sifatida ko'rsatiladi
• D) *ngSwitchDefault bo'lsa u, bo'lmasa hech nima

Angular — Pipe

25 savol

Built-in pipes

1. Junior — async pipe nima qiladi?

• A) Subscribe qiladi, lekin unsubscribe'ni o'zingiz yozishingiz kerak
• B) Observable'ni Promise'ga aylantirib await qiladi
• C) Subscribe qiladi, view yo'q qilinganda o'zi unsubscribe qiladi
• D) Faqat birinchi qiymatni oladi va oqimni yopadi

2. Junior — {{ today | date:'dd/MM/yyyy' }} — date pipe qanday formatlarni qabul qiladi?

• A) Faqat dd/MM/yyyy kabi maxsus format satrini
• B) Faqat ISO 8601 satri, boshqa format qo'llanmaydi
• C) Faqat tayyor nomlar — short, medium, long yoki full
• D) Maxsus format satri va tayyor nomlar (short, medium)

3. Junior — {{ 1234.5 | currency:'UZS' }} nima qiladi?

• A) Sonni valyuta formatiga o'giradi — belgi va ajratkichlar
• B) Joriy kursga qarab UZS ga konvertatsiya qilib formatlaydi
• C) Sonni satrga aylantirib, kasr qismini yaxlitlaydi
• D) Faqat son oldiga valyuta belgisini qo'shadi

4. Junior — {{ 0.256 | percent:'1.1-1' }} nima chiqaradi?

• A) 0.3%
• B) 25.6%
• C) 0.256%
• D) 26%

5. Junior — json pipe nima uchun?

• A) Kelgan JSON satrni obyektga parse qilib beradi
• B) Debug uchun obyektni JSON.stringify bilan chiqaradi
• C) Obyektni API ga yuborish uchun JSON satrga o'girib beradi
• D) Obyektni chiroyli jadval ko'rinishida formatlaydi

6. Junior — {{ [1,2,3,4,5] | slice:1:3 }} nima chiqaradi?

• A) [1,2]
• B) [2,3]
• C) [2,3,4]
• D) [1,2,3]

7. Junior — titlecase pipe nima qiladi?

• A) Barcha harflarni katta qiladi — uppercase bilan bir xil ishlaydi
• B) So'zlarni bosh harf bo'yicha alifboga saralaydi
• C) Har so'zning birinchi harfini katta, qolganini kichik qiladi
• D) Faqat satrning birinchi harfini katta qiladi

8. Middle — keyvalue pipe obyektni qanday tartibda chiqaradi?

• A) Sonli kalitlarni oldin, matn kalitlarni keyin joylaydi
• B) Kalitlar bo'yicha alifbo tartibida saralab chiqaradi
• C) Obyektda e'lon qilingan tartibni o'zgarishsiz qoldiradi
• D) Qiymatlar bo'yicha o'sish tartibida saralaydi

Custom Pipe

9. Middle — Custom pipe yaratish uchun nima kerak?

• A) @Directive + PipeTransform interfeysini implement qilish
• B) @Pipe({name:'x'}) + PipeTransform (transform metodi)
• C) @Injectable va transform nomli metod yozish
• D) transform nomli oddiy funksiya eksport qilish

10. Middle — Angular'da pure pipe qachon qayta ishlaydi (transform chaqiriladi)?

• A) Har change detection siklida, o'zgarish bo'lmasa ham
• B) Faqat asosiy input o'zgarganda, argumentlar hisobga olinmaydi
• C) Obyekt ichidagi maydon o'zgarganda ham qayta ishlaydi
• D) Input yoki argumentlardan biri reference bo'yicha o'zgarsa

11. Middle/Senior — pure: false (impure pipe) nima qiladi?

• A) Har change detection siklida qayta ishlaydi, kesh yo'q
• B) Natijani keshlab qo'yadi, shuning uchun tezroq ishlaydi
• C) Pipe'ni faqat async oqimlar bilan ishlashga majburlaydi
• D) Pipe faqat komponent init bo'lganda bir marta ishlaydi

12. Middle — Standalone pipe (v14+) qanday e'lon qilinadi va ishlatiladi?

• A) standalone: true → komponent imports massiviga qo'shiladi
• B) Komponentning providers massiviga qo'shiladi
• C) E'lon qilingach global bo'ladi, hech qayerga import qilinmaydi
• D) @NgModule ning declarations massiviga qo'shiladi

Performance

13. Middle/Senior — Angular'da pure pipe keshlash mexanizmi qanday ishlaydi?

• A) Natijani localStorage da saqlab, qayta o'qiydi
• B) Obyektlarni chuqur (deep) solishtirib keshni yangilaydi
• C) Natijalarni ichki Map da kalit bo'yicha saqlaydi
• D) Oldingi input va argumentlarni === bilan solishtiradi

14. Senior — Qimmat hisob uchun getter, pure pipe va computed() — qaysi biri eng yomon?

• A) Hech biri — Angular uchalasini ham keshlab qo'yadi
• B) Getter — har CD siklida qayta chaqiriladi, kesh yo'q
• C) computed() — har o'qishda qiymatni qaytadan hisoblaydi
• D) Pure pipe — har CD siklida transform qayta chaqiriladi

15. Senior — Impure pipe'ning performance oqibati nima?

• A) Har CD × har element — katta ro'yxatda ilova qotadi
• B) Faqat birinchi renderda sekinlik, keyin keshdan olinadi
• C) Xotira sizadi, chunki natijalar to'planib boraveradi
• D) Sezilarli ta'siri yo'q, Angular chaqiruvlarni birlashtiradi

Built-in pipes

16. Middle — Nima chiqadi?

{{ 'hello WORLD from-angular' | titlecase }}

• A) hello World from-angular
• B) Hello WORLD From-angular
• C) Hello World From-Angular
• D) Hello World From-angular

17. Middle/Senior — keyvalue pipe Map bilan ishlaydimi va natija tartibi qanday?

m = new Map([['b', 2], ['a', 1]]);
<div *ngFor="let e of m | keyvalue">{{ e.key }}={{ e.value }}</div>

• A) Faqat obyekt bilan; Map uchun Object.fromEntries kerak
• B) Ha, lekin faqat compareFn berilgan holatda ishlaydi
• C) Ha, Map qo'llanadi — default kalit bo'yicha saralanadi
• D) Ha, Map qo'llanadi — qo'shilish tartibi saqlab qolinadi

18. Middle — i18nPlural pipe nima qiladi?

map = {'=0': 'Xabar yo\'q', '=1': '1 ta xabar', 'other': '# ta xabar'};
{{ n | i18nPlural: map }}

• A) Songa qarab ko'plik shaklini tanlaydi, # — son o'rni
• B) Obyekt kalitiga qarab matn tanlaydi — i18nSelect kabi
• C) Sonni mahalliy format bilan yozadi (1 000)
• D) Matnni tanlangan tilga avtomatik tarjima qiladi

19. Middle — Nima chiqadi?

{{ 3.14159 | number:'1.2-2' }}
{{ 5 | number:'1.2-2' }}

• A) 3.14 va 5.00
• B) 3.1 va 5.0
• C) 3.142 va 5.00
• D) 3.14 va 5

20. Junior/Middle — Nima chiqadi?

arr = [1, 2, 3, 4, 5];
{{ arr | slice:-3:-1 }}

• A) 3,4
• B) 3,4,5
• C) 2,3,4
• D) 4,5

21. Middle/Senior — date pipe argumentlari qanday tartibda beriladi?

{{ createdAt | date:'short':'+0500':'uz-Latn' }}

• A) format, locale, timezone — locale ikkinchi o'rinda
• B) format, timezone — locale faqat LOCALE_ID orqali
• C) format, timezone, locale — bu tartib to'g'ri
• D) locale, format, timezone — locale birinchi keladi

22. Middle — async pipe Promise bilan ishlaydimi?

user$ = fetch('/api/me').then(r => r.json());
{{ (user$ | async)?.name }}

• A) Yo'q — faqat Observable va Signal bilan ishlaydi
• B) Ha, lekin avval from() bilan Observable'ga o'rash shart
• C) Ha, lekin reject bo'lsa eski qiymat ko'rinib turadi
• D) Ha — resolve qiymatini bir marta chiqaradi

23. Junior — json pipe haqida qaysi fikr to'g'ri?

• A) Obyektni chuqur nusxalaydi va shaklini tekshiradi
• B) JSON.parse qiladi — matndan obyekt hosil qiladi
• C) Faqat massiv va Map bilan ishlaydi, obyekt bilan yo'q
• D) Debug uchun; prodda tavsiya etilmaydi, qimmat

24. Middle/Senior — Nima chiqadi?

{{ 1234.5 | number:'1.2-2' | slice:0:4 }}

• A) 1,234.50
• B) 1,23
• C) 1234
• D) 1.23

Custom Pipe

25. Junior/Middle — Quyidagi PadPipe ga template'da len = 8 va ch = '-' argumentlari qanday uzatiladi?

@Pipe({ name: 'pad' })
export class PadPipe implements PipeTransform {
  transform(v: string, len: number, ch = '*'): string {
    return v.padStart(len, ch);
  }
}

• A) {{ v | pad(8, '-') }}
• B) {{ v | pad:[8, '-'] }}
• C) {{ v | pad:8:'-' }}
• D) {{ v | pad 8 '-' }}

Angular — RxJS

38 savol

Observable asoslari

1. Junior — Observable va Promise farqi — qaysi javob noto'g'ri?

• A) Promise eager, Observable lazy
• B) Observable har doim asinxron, Promise sinxron bo'lishi mumkin
• C) Promise 1 qiymat, Observable ko'p qiymat
• D) Promise bekor qilinmaydi, Observable unsubscribe bilan bo'ladi

2. Middle — Cold va Hot observable farqi?

• A) Cold faqat HTTP uchun, Hot faqat Subject uchun
• B) Cold — ijro ulashiladi; Hot — har subscriber o'z ijrosini oladi
• C) Cold sinxron ishlaydi, Hot esa har doim asinxron
• D) Cold — har subscriber o'z ijrosini oladi; Hot — ijro ulashiladi

3. Middle — Nechta HTTP so'rov ketadi?

const users$ = this.http.get<User[]>('/api/users');
users$.subscribe(u => console.log('a', u));
users$.subscribe(u => console.log('b', u));

• A) 2 ta — HttpClient cold, har subscribe yangi ijro
• B) 0 ta — subscribe HTTP so'rovni ishga tushirmaydi
• C) 1 ta — observable bitta marta ijro etiladi
• D) 2 ta, lekin ikkinchisi brauzer keshidan olinadi

4. Junior — of(1,2,3) va from([1,2,3]) farqi?

• A) of faqat bitta qiymat qaytaradi, from esa butun massivni beradi
• B) from faqat Promise bilan, of faqat massiv bilan ishlaydi
• C) of argumentlarni ketma-ket, from iterable'ni ochib chiqaradi
• D) of iterable'ni ochadi, from argumentlarni ketma-ket beradi

5. Junior — interval(1000) va timer(1000) farqi?

• A) interval takroriy, timer(1000) — 1s dan keyin bir marta
• B) timer(1000) — har 1s takroran; interval — faqat bir marta
• C) Ikkalasi ham takrorlanadi, timer shunchaki kechikish qo'shadi
• D) interval darhol 0 chiqaradi, keyin har 1s da takrorlaydi

6. Junior — RxJS'da subscribe ga uzatiladigan observer'ning uch kanali qaysilar va har biri necha marta chaqirilishi mumkin?

• A) next (0..∞), error (0-1, oxirgi), complete (0-1, oxirgi)
• B) next (0..∞), keyin error va complete ketma-ket keladi
• C) start, data va end — oqim boshlanishi, qiymatlari va oxiri
• D) success, fail, finally — Promise bilan bir xil nomlar

7. Junior/Middle — Qaysi kodda memory leak bor?

• A) http.get().subscribe(...) — javob kelgach complete bo'ladi
• B) source$.pipe(take(1)).subscribe(...) — bir qiymatdan keyin yopiladi
• C) Template'dagi data$ | async — view bilan birga tozalanadi
• D) interval(1000).subscribe(...) — hech qachon complete bo'lmaydi

Asosiy operatorlar

8. Junior — Konsolga qanday tartibda chiqadi?

of(1, 2).pipe(
  map(x => x * 2),
  tap(x => console.log('tap', x))
).subscribe(x => console.log('sub', x));

• A) tap 2, tap 4, sub 2, sub 4
• B) tap 2, sub 2, tap 4, sub 4
• C) sub 2, tap 2, sub 4, tap 4
• D) tap 1, sub 2, tap 2, sub 4

9. Junior — RxJS'da source$.pipe(take(2)).subscribe(...) dan keyin qo'lda unsubscribe() yozish kerakmi?

• A) Faqat interval kabi cheksiz manbalar ustida ishlaganda kerak
• B) Faqat OnPush strategiyasidagi komponentlarda kerak
• C) Yo'q — take ikkinchi qiymatdan keyin o'zi complete qiladi
• D) Ha — take oqimni yopmaydi, qo'lda unsubscribe shart

10. Junior — first() va take(1) farqi?

• A) first() bo'sh oqimda EmptyError beradi, take(1) — jimgina
• B) first() oqim complete bo'lishini kutadi, take(1) kutmaydi
• C) first() barcha qiymatlarni kutadi, take(1) darhol tugatadi
• D) take(1) bo'sh oqimda xato tashlaydi, first() jimgina tugaydi

11. Junior/Middle — debounceTime va throttleTime farqi?

• A) debounce — jimlikni kutadi; throttle — muntazam ritmda chiqaradi
• B) debounce faqat scroll uchun, throttle faqat qidiruv uchun
• C) Ikkalasi ham oxirgi qiymatni kechikish bilan chiqaradi
• D) debounce — muntazam ritmda chiqaradi; throttle — jimlikni kutib turadi

12. Junior/Middle — distinctUntilChanged() nima qiladi?

• A) Obyektlarni maydonlari bo'yicha chuqur solishtiradi
• B) Qiymatlarni saralab, keyin takrorlarni olib tashlaydi
• C) Barcha takrorlangan qiymatlarni olib tashlaydi: a a b b a → a b
• D) Faqat ketma-ket takrorlarni o'tkazmaydi: a a b b a → a b a

13. Middle — delay(1000) va debounceTime(1000) farqi?

• A) delay qiymatlarni tashlaydi, debounceTime kechiktirmaydi
• B) debounceTime har qiymatni 1s suradi; delay faqat oxirgisini
• C) Ikkalasi ham oraliqdagi qiymatlarni tashlab yuboradi
• D) delay har qiymatni 1s suradi; debounceTime faqat oxirgisini

Higher-order operatorlar

14. Middle — Qidiruv maydonida har harf yozilganda HTTP so'rov yuboriladi. Bo'sh joyga qaysi higher-order mapping operatori to'g'ri keladi?

input$.pipe(
  debounceTime(300),
  /* ??? */(term => this.api.search(term))
).subscribe(r => this.results = r);

• A) mergeMap — barcha so'rovlarni parallel yuboradi
• B) exhaustMap — joriy so'rov tugamaguncha yangisini olmaydi
• C) concatMap — so'rovlarni navbat bilan bajaradi
• D) switchMap — yangi harfda oldingi so'rovni bekor qiladi

15. Middle — Login tugmasi ketma-ket 3 marta bosildi. Serverga faqat 1 ta so'rov ketishi uchun ??? o'rniga qaysi operator qo'yiladi?

clicks$.pipe(
  /* ??? */(() => this.api.login(form.value))
).subscribe();

• A) switchMap
• B) mergeMap
• C) concatMap
• D) exhaustMap

16. Middle — Har bir chat xabari uchun HTTP so'rov ketadi va ular serverga yuborilgan tartibda yetishi kerak. ??? o'rniga qaysi operator?

message$.pipe(
  /* ??? */(msg => this.api.send(msg))
).subscribe();

• A) concatMap
• B) exhaustMap
• C) switchMap
• D) mergeMap

17. Middle — mergeMap ning asosiy xavfi?

• A) Tartib kafolatlanmaydi va parallel so'rov soni cheklanmaydi
• B) Oldingi so'rovni bekor qilib, kelgan natijani yo'qotib yuboradi
• C) So'rovlarni navbatga qo'yadi, shuning uchun sekinlashadi
• D) Ichki oqimlardan unsubscribe qilmaydi, xotira sizadi

18. Middle — YOZISH operatsiyasida (POST/PUT/DELETE) nega switchMap ishlatilmaydi?

• A) switchMap POST so'rovlarini umuman qo'llab-quvvatlamaydi
• B) Ikkinchi bosish birinchi saqlashni yarim yo'lda uzib qo'yadi
• C) So'rovlar navbatga tushib, oxirgisi eng kech yetib boradi
• D) Har bosishda yangi so'rov ketib, dublikat yozuv hosil bo'ladi

19. Middle — switchMap HTTP so'rovni bekor qilganda serverda nima bo'ladi?

• A) So'rov umuman yuborilmaydi, chunki oldin bekor qilinadi
• B) Server ham darhol so'rovni bekor qilib, boshlagan ishini to'xtatadi
• C) Ulanish yopiladi, lekin server ishni tugatib qo'yishi mumkin
• D) Server 499 qaytarib, tranzaksiyani orqaga qaytaradi

Combination operatorlar

20. Middle — forkJoin va combineLatest farqi?

• A) combineLatest — hammasi complete bo'lgach bir marta chiqaradi
• B) forkJoin — istalgan biri qiymat berganda har safar chiqaradi
• C) forkJoin faqat 2 ta oqim oladi, combineLatest — istalgancha
• D) forkJoin — hammasi complete bo'lgach bir marta chiqaradi