Angular Intervyu Tayyorgarlik

Junior dan Senior gacha 232 ta mavzu — tree.json asosida tuzilgan to‘liq o‘quv qo‘llanma.

📇 Yodlash kartochkalari — imtihon oldi takrori. Faqat yodlanadigan faktlar, eng ko‘p xato qilinganlari birinchi o‘rinda.
📝 Test bazasi — barcha mavzular bo‘yicha 379 ta savol — 301 variantli + 78 yopiq (qisqa javob), izohi bilan.

Daraxt ko'rinishi

- - var / let / const — scope, hoisting, TDZ
  - Arrow vs Regular function — this farqi
  - Closure — yopilish va lexical scope
  - Destructuring, Spread, Rest operator
  - Optional chaining (?.) va Nullish coalescing (??)
  - Array metodlari — map, filter, reduce, find, some, every, flat
  - Object metodlari — keys, values, entries, assign
- - Event Loop — Call Stack, Web API, Microtask, Macrotask
  - Promise — then/catch/finally, Promise.all/allSettled/race
  - async / await — xato boshqarish
- - Prototype chain — __proto__, Object.create
  - this — call, apply, bind
  - Class sintaksisi — extends, super
- - Asosiy tiplar — string, number, boolean, any, unknown, never, void
  - interface vs type — farqlari va qachon ishlatish
  - Union, Intersection, Literal types
  - Generics — T, constraint (extends), Utility types
  - Type Guards — typeof, instanceof, in, custom is
  - Conditional types — T extends U ? X : Y
  - Mapped types — keyof, in, readonly, ?
  - Template literal types
  - Decorators — class, method, property decorator
  - tsconfig — strict, noImplicitAny, strictNullChecks
- - Memory management — GC, closure leak, WeakMap/WeakSet
  - Web Workers — asosiy thread yuklama
- - Big O notation — O(1), O(log n), O(n), O(n²)
  - Space complexity
- - Array — in-place va funksional usullar
  - HashMap / Map / Set — O(1) amallar
  - Stack va Queue — LIFO, FIFO
  - Linked List — yaratish, traversal
  - Tree — binary tree, BST traversal
  - Graph — adjacency list/matrix
- - Linear search O(n) va Binary search O(log n)
  - Bubble Sort, Selection Sort, Insertion Sort — O(n²)
  - Merge Sort, Quick Sort — O(n log n)
  - JavaScript Array.sort() — timsort
- - Recursion — base case, call stack, tail recursion
  - Memoization — top-down DP
  - Dynamic Programming — tabulation, bottom-up
  - BFS — Breadth First Search (queue)
  - DFS — Depth First Search (stack/recursion)
- - Two Sum, Three Sum — hash map yondashuv
  - Sliding Window pattern
  - Two Pointers pattern
- - @Component dekoratori — selector, template, styles
  - Standalone component — imports array (v14+)
  - Data binding — interpolation, property, event, two-way
  - Lifecycle hooks — ngOnInit, ngOnDestroy, ngOnChanges, ngAfterViewInit
  - @Input, @Output, EventEmitter
  - @Input({ required: true }) — Angular 16+
  - input(), output(), model() signals — Angular 17.1+
- - Template reference variable (#ref)
  - Safe navigation (?.) va Non-null assertion (!)
  - ng-template, ng-container, ng-content
  - ng-content select — named slots
  - @ViewChild, @ContentChild, @ViewChildren
- - Default strategy — butun tree tekshirish
  - OnPush strategy — faqat @Input, event, async pipe
  - ChangeDetectorRef — markForCheck, detectChanges
  - Zoneless Angular — zone.js'siz (v18+)
- - Dynamic component — ViewContainerRef.createComponent()
  - Ivy compiler — AOT vs JIT
  - Angular elements — custom element
- - @Injectable() dekoratori
  - providedIn: 'root' — singleton service
  - providedIn: 'any' / 'platform' — farqlari
  - inject() funksiya (v14+) — constructor'siz
- - HttpClient — get, post, put, patch, delete
  - HTTP options — params, headers, responseType
  - HTTP Interceptor — request/response transform
  - Functional interceptor (v15+)
  - Error handling interceptor — global
  - Retry va exponential backoff
- - DI iyerarxiyasi — root, module, component
  - providers: [] — component darajasida yangi instance
  - @SkipSelf, @Self, @Optional dekoratorlari
- - InjectionToken — non-class dependency
  - useClass, useValue, useFactory, useExisting
  - multi: true provider
  - APP_INITIALIZER — ilova ishga tushishdan oldin
  - ENVIRONMENT_INITIALIZER (v14+)
- - BehaviorSubject pattern — local state
  - Signal-based store (v17+)
- - Ivy — default runtime, View Engine o'chirildi
  - Strict mode — tsconfig yangilanishlar
- - Standalone Components, Directives, Pipes
  - Typed Reactive Forms — FormControl<T>
  - bootstrapApplication() — NgModule'siz
  - inject() funksiyasi
- - Directive Composition API — hostDirectives
  - Functional Guards va Resolvers
  - provideRouter, provideHttpClient
- - Signals — signal(), computed(), effect() (preview)
  - @Input({ required: true })
  - takeUntilDestroyed() — DestroyRef
  - SSR hydration yaxshilandi
- - Yangi control flow — @if, @for, @switch
  - @defer — lazy block, triggerlar
  - Signals stable — production
  - input(), output(), model() signal-based API
  - viewChild(), viewChildren() signal queries
- - Zoneless — provideExperimentalZonelessChangeDetection()
  - Signal-based component (RFC)
  - Migration strategiyasi — ng update, schematics
- - *ngIf — else, then blocks
  - *ngFor — trackBy, index, first, last, even, odd
  - [ngClass] — ob'ekt, array, string usullar
  - [ngStyle]
  - ngSwitch, ngSwitchCase, ngSwitchDefault
  - Angular 17+: @if, @for, @switch — yangi sintaksis
- - @Directive — selector, standalone
  - ElementRef — host elementga kirish
  - Renderer2 — xavfsiz DOM manipulation (SSR)
  - @HostListener — eventlarni tinglash
  - @HostBinding — property bog'lash
  - @Input() via directive selector
- - TemplateRef va ViewContainerRef
  - Microsyntax — * prefiksi
- - Directive Composition API — hostDirectives (v15+)
  - exportAs — template reference variable
  - CDK directives — drag, drop, overlay
- - Observable vs Promise — farqlari
  - Cold vs Hot Observable
  - Yaratish — of, from, interval, timer, fromEvent
  - subscribe — next, error, complete
  - unsubscribe — xotira tozalash
- - map, filter, tap, take, first, last
  - debounceTime, distinctUntilChanged
  - delay, throttleTime
- - switchMap — yangi kelsa eskini bekor qil (search)
  - mergeMap — parallel ishla
  - concatMap — tartibli (queue)
  - exhaustMap — hozirgi tugamaguncha yangi qabul qilma (login)
- - combineLatest — istalgan biri o'zgarganda
  - forkJoin — barchasi tugaganda (parallel HTTP)
  - zip, merge, concat
  - withLatestFrom
- - Subject — sodda, hot observable
  - BehaviorSubject — oxirgi qiymat saqlanadi
  - ReplaySubject(n) — oxirgi n ta saqlanadi
  - AsyncSubject — faqat complete'dagi
- - catchError — xatoni ushlash
  - retry, retryWhen — qayta urinish
  - takeUntil — xotira sızdırmasi oldini olish
  - takeUntilDestroyed() — Angular 16+ avtomat
  - async pipe — avtomat subscribe/unsubscribe
  - shareReplay(1) — bitta HTTP, ko'p subscriber
- - Custom operator yaratish
  - Scheduler — animatsion frame, asinkron
  - Marble testing — TestScheduler
- - async — Observable/Promise template'da
  - date — formatlar (dd/MM/yyyy, shortDate, fullDate)
  - currency — valyuta formatlash
  - number (decimal), percent
  - json — ob'ekt debug
  - slice — array va string qirqish
  - uppercase, lowercase, titlecase
  - keyvalue — ob'ekt iteratsiya
- - @Pipe dekoratori, PipeTransform interfeysi
  - Pure pipe — faqat input o'zgarganda
  - Impure pipe (pure: false) — har CD'da
  - Standalone pipe (v14+)
- - Pure pipe caching mexanizmi
  - Katta ro'yxat uchun computed/getter muqobil
  - Impure pipe — performance oqibatlari
- - FormsModule import
  - ngModel — two-way binding
  - ngForm — form holati (valid, dirty, touched)
  - Built-in validators — required, minlength, maxlength, email, pattern
  - Xato ko'rsatish — ngModel.errors
- - ReactiveFormsModule import
  - FormControl — bitta field
  - FormGroup — fields to'plami
  - FormArray — dinamik fields
  - FormBuilder — qisqa yaratish usuli
  - updateOn: 'blur' | 'submit' | 'change'
- - Sync custom validator — ValidatorFn
  - Async custom validator — AsyncValidatorFn
  - Cross-field validator — FormGroup darajasida
  - Validator composition — Validators.compose
- - ControlValueAccessor — custom form control
  - Typed Reactive Forms — FormGroup<T> (v14+)
  - Dynamic form generation
  - Form performance — updateOn, debounce
- - declarations — component, directive, pipe
  - imports — boshqa modullar
  - exports — tashqariga berish
  - providers — service instance
  - bootstrap — root component
- - Feature module — bitta funksionallik
  - SharedModule — umumiy component/pipe/directive
  - CoreModule — singleton service'lar
  - CoreModule guard — @SkipSelf ikki marta import oldini olish
- - loadChildren — lazy module
  - loadComponent — standalone lazy (v14+)
  - RouterModule.forRoot vs forChild
  - Preloading — PreloadAllModules, custom strategy
  - Webpack Bundle Analyzer — bundle ko'rish
- - bootstrapApplication() — NgModule'siz
  - importProvidersFrom() — module'dan provider olish
  - Migration schematic — ng generate @angular/core:standalone
  - Module Federation — Webpack 5 micro-frontend
- - Template reference variable (#ref)
  - Safe navigation (?.) — null check zanjiri
  - $event, $any() — template ichida
  - ng-template bilan *ngIf else pattern
  - ng-container — DOM element qo'shmasdan
- - @if / @else if / @else — *ngIf o'rniga
  - @for ... track ... @empty — *ngFor o'rniga
  - @switch / @case / @default
  - @defer — lazy block (on viewport, on interaction)
  - @placeholder, @loading, @error — defer bloklar
- - Smart (Container) vs Dumb (Presentation) component
  - @Input/@Output convention — unidirectional flow
  - Component communication — service, state
- - OnPush + async pipe — eng tez pattern
  - trackBy — *ngFor DOM qayta yaratilmasin
  - Pure pipe — computed qiymatlar
  - Virtual Scrolling — CDK (katta ro'yxat)
  - Lazy loading images — loading='lazy'
  - Tree shaking — ko'p import qilmaslik
- - Single Responsibility — har class bitta mas'uliyat
  - Open/Closed — kengaytirish uchun ochiq
  - Dependency Inversion — abstrakt'ga bog'liq bo'l
  - Naming convention — Angular style guide
  - Barrel exports — index.ts pattern
- - Unit test — Jasmine, Karma
  - TestBed — Angular test modulini o'rnatish
  - Component testing — fixture, debugElement
  - Service mocking — jasmine.createSpyObj
  - E2E — Cypress, Playwright

Mavzular

#	Mavzu	Items
1	JavaScript / TypeScript	25
2	Algoritmlash	20
3	Angular — Boshlang'ich	19
4	Angular — Service va DI	20
5	Angular — Versiyalar	21
6	Angular — Directive	17
7	Angular — RxJS	29
8	Angular — Pipe	15
9	Angular — Forms	19
10	Angular — NgModule	18
11	Angular — Sintaksis va Clean Code	29

Qanday foydalanish

Chap sidebar dan topic tanlang
Yuqoridagi Daraja filtri dan Junior / Middle / Senior ni tanlang
Har mavzuda: tushuntirish → kod → imtihon savoli → yodlash qoidasi
Kod misollarini o‘zingiz yozib ko‘ring

Darajalar

Junior — asoslar, sintaksis, oddiy misollar
Middle — amaliy pattern, RxJS, Forms, arxitektura
Senior — performance, advanced DI, migration, testing