Angular

Angular

FRONTEND

Google tarafından geliştirilen, birincil dil olarak TypeScript kullanan kapsamlı frontend framework. Bileşen tabanlı modüler mimari, native Dependency Injection, reaktif programlama için RxJS ve ölçeklenebilir, sürdürülebilir web uygulamaları oluşturmak için sağlam CLI.

Ne öğreneceksin

Decorator ve gelişmiş tiplerle katı TypeScript (@Component, @Injectable)

NgModule ve lazy loading ile modüler mimari

Provider ve scope ile hiyerarşik Dependency Injection

Reaktif programlama için RxJS (Observable, Operator, Subject)

Güçlü şablon sözdizimi (data binding, directive, pipe)

Sağlam formlar (Template-driven ve Reactive Forms ile doğrulama)

Guard, resolver, lazy loading ve preloading ile gelişmiş Router

Interceptor, önbellekleme ve hata yönetimi ile HttpClient

Reaktif durum yönetimi için Signal (Angular 16+)

Kapsamlı test (Jasmine, Karma, TestBed, mock, Cypress ile E2E)

Uzmanlaşılması gereken temel konular

Bu teknolojiyi anlamak ve mülakatlarını başarmak için en önemli kavramlar

1

TypeScript: decorator, gelişmiş tipler, interface, generic

2

Bileşenler: şablon, stiller, yaşam döngüsü hook, ViewChild, ContentChild

3

Data binding: interpolation, property binding, event binding, two-way binding

4

Directive: yapısal (*ngIf, *ngFor, *ngSwitch), nitelik (ngClass, ngStyle), özel

5

Pipe: yerleşik (date, async, json), özel pipe, pure vs impure

6

Servisler ve Dependency Injection: provider, hiyerarşik DI, injection token

7

RxJS: Observable, Operator (map, filter, switchMap, mergeMap), Subject, unsubscribe

8

Formlar: Template-driven vs Reactive, FormControl, FormGroup, validator, async validator

9

Yönlendirme: route, RouterLink, RouterOutlet, guard (CanActivate, CanDeactivate), resolver

10

HttpClient: GET/POST/PUT/DELETE, interceptor, hata yönetimi, yeniden deneme mantığı

11

Change Detection: stratejiler (Default, OnPush), zone, manuel tetikleme

12

NgModule: import, export, declaration, provider, lazy loading

13

Signal: signal(), computed(), effect(), reaktif durum (Angular 16+)

14

Durum yönetimi: BehaviorSubject ile servisler, NgRx (Store, Effects, Selector)

15

Test: birim testler (Jasmine, TestBed), bileşen testi, servis mock, E2E

16

Performans: OnPush, trackBy, lazy loading, preloading stratejileri, bundle optimizasyonu

17

Angular CLI, build yapılandırması, dağıtım, Angular Universal ile SSR