Blog
Mert Özen'in yazılım geliştirme, backend, frontend ve DevOps üzerine blog yazıları.
Angular 15 ile Standalone API'ler: bootstrapApplication, provideRouter ve NgModule'süz Uygulama
Angular 15 ile standalone API'ler stable oldu. bootstrapApplication, provideRouter, provideHttpClient ve importProvidersFrom ile AppModule'süz uygulama kurup mevcut projeyi adım adım taşıyoruz.
Angular 14 ile Gelenler: Typed Reactive Forms, inject() ve Standalone Component'e İlk Bakış
Angular 14 ile reactive forms tip güvenliğine kavuştu: tipli FormControl, nonNullable ve NonNullableFormBuilder. inject() fonksiyonu, developer preview'daki standalone component'ler ve route title.
Angular 13 ile Gelenler: ng update ile Sürüm Yükseltme, Ivy ve Yeni Dinamik Component API'si
Angular 12'den 13'e ng update ile adım adım geçiyoruz. View Engine'in kaldırılması, IE11'e veda, factory'siz createComponent, kalıcı build cache'i ve Node/TypeScript gereksinimleri.
Angular Build ve Deploy: ng build, Environment Dosyaları, Budgets ve SPA Routing
Angular 12'de ng build ile production bundle'ı: dist çıktısı, fileReplacements ile environment dosyaları, budgets, base href, Nginx/IIS'te SPA routing 404 sorunu, source map ve bundle analizi.
Angular'da Test'e Giriş: Karma, Jasmine, TestBed ve HttpClientTestingModule
Angular 12'de ng test ile Karma ve Jasmine, spec dosyasının yapısı, TestBed ve ComponentFixture ile component testi, mock bağımlılıkla service testi ve HttpClientTestingModule ile HTTP mock.
Angular'da Change Detection ve Zone.js: OnPush, ChangeDetectorRef ve NgZone
Angular ekranı nasıl güncelliyor? Zone.js'in yakaladığı event'ler, component tree'de change detection, OnPush stratejisi, immutable veri, ChangeDetectorRef ve NgZone.runOutsideAngular.
Angular Reactive Forms: FormGroup, FormBuilder, FormArray ve Validator'lar
Angular 12'de reactive forms: FormControl, FormGroup ve FormBuilder ile formu class'ta kurmak, custom ve async validator yazmak, FormArray ile dinamik field'ler, valueChanges ve patchValue.
Angular Template-driven Forms: ngModel, ngForm ve Form Doğrulama
Angular 12'de template-driven form kuruyoruz: FormsModule, ngModel ve name, ngForm ile ngSubmit, required/email/pattern validator'ları, touched/dirty state'leri, CSS class'ları ve ngModelGroup.
Angular Guard'lar ve Lazy Loading: CanActivate, CanDeactivate, CanLoad ve Resolve
Angular 12'de class-based guard'larla route'ları koruyoruz: CanActivate, CanDeactivate, CanLoad ve Resolve. Feature module'ü loadChildren ile lazy load edip PreloadAllModules ile önceden indiriyoruz.
Angular Routing Rehberi: RouterModule, Route Parametreleri ve Child Route'lar
Angular 12'de routing: app-routing.module.ts, router-outlet, routerLink, ActivatedRoute ile route parametreleri, query params, Router.navigate, child route'lar, redirectTo ve 404 için wildcard.
Angular HttpClient ile API Request'leri: GET, POST, Hata Yönetimi ve Interceptor
Angular 12'de HttpClient ile API'ye GET, POST, PUT ve DELETE request'leri atıyoruz. Tipli response, HttpParams, catchError ve retry ile hata yönetimi, class-based interceptor ve environment ayarı.
Angular'da RxJS'e Giriş: Observable, Operatörler, BehaviorSubject ve async Pipe
Observable ile Promise farkı, of/from/interval/fromEvent, map, filter, debounceTime ve switchMap ile arama kutusu, BehaviorSubject ile service'te state, async pipe ve takeUntil ile memory leak önleme.