Blog
Mert Özen'in yazılım geliştirme, backend, frontend ve DevOps üzerine blog yazıları.
Angular 17 Yenilikleri: @if, @for, @defer ve Yeni Application Builder
Angular 17 ile gelen @if, @for ve @switch control flow'unu, @defer ve trigger'larını, esbuild ile Vite tabanlı application builder'ı ve standalone ng new'i Angular 12 karşılaştırmasıyla anlatıyoruz.
Angular 16 Yenilikleri: Signals, Required Input ve takeUntilDestroyed
Angular 16 ile gelen signal, computed ve effect'i, toSignal/toObservable köprüsünü, required input ve transform'u, takeUntilDestroyed ile subscription temizliğini Angular 12 karşılaştırmasıyla anlatıyoruz.
Angular 15'te Functional Guard, Functional Interceptor, hostDirectives ve NgOptimizedImage
Angular 15'in ikinci yarısı: CanActivateFn ile functional guard, withInterceptors ile functional interceptor, hostDirectives ile directive composition ve ngSrc ile NgOptimizedImage.
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.