Angular formlarını uçtan uca kur
Angular Working With Forms Eğitimi, kullanıcı girdisini güvenle toplayan ve doğrulayan formları iki yaklaşımla öğretir. Program FormsModule, ngModel ve ngForm ile template-driven formlar, form ve kontrol durumu, yerleşik doğrulama, FormBuilder ile reactive fo…
ngModel'den reactive forms ve ControlValueAccessor'a kadar form geliştirme
Angular Working With Forms Eğitimi, kullanıcı girdisini güvenle toplayan ve doğrulayan formları iki yaklaşımla öğretir. Katılımcılar template-driven formlarda ngModel, ngForm ve FormsModule ile form kurmayı öğrenir. Ardından reactive forms tarafında FormControl, FormGroup, FormArray ve FormBuilder, tipli formlar ve valueChanges akışı işlenir. Program yerleşik ve özel doğrulayıcılar, async doğrulama, ControlValueAccessor ile özel form kontrolü ve dinamik formla tamamlanır.
3 Gün. Her gün dört modül; kısa anlatımın ardından kayıt ve profil gibi gerçek formlar adım adım kurularak doğrulama ve özel kontrol kavramları uygulanır.
Orta Seviye — Template-driven ve reactive formlarla Angular form geliştirme eğitimi
Kayıt, profil ve ayar gibi gerçek formlar üç gün boyunca kurulur; her kavram hem template-driven hem reactive yaklaşımla uygulanır.
Template-driven ve reactive formları birlikte öğrenerek hangi senaryoda hangisini seçeceğinizi bilinçli biçimde belirleyebilirsiniz.
Yerleşik, özel ve asenkron doğrulayıcılarla girdiyi güvenle denetleyen ve net hata geri bildirimi veren formlar kurarsınız.
ControlValueAccessor ile kendi form bileşenlerinizi yazarak reactive form altyapısına tam uyumlu özel kontroller geliştirirsiniz.
Eğitime başlamadan önce faydalı olacak Angular ve TypeScript bilgisi
Bileşen, template söz dizimi ve data binding gibi temel Angular kavramlarına aşinalık gerekir.
Arayüz, tip tanımı ve sınıf gibi temel TypeScript konularını bilmek tipli formları anlamayı kolaylaştırır.
valueChanges ve async doğrulayıcılar için Observable ve abonelik kavramına temel aşinalık faydalıdır.
Node.js ve Angular CLI'ın kurulu olması, ng serve ile projeyi çalıştırabilir durumda olmak gerekir.
Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.
Program sonunda katılımcılar:
FormsModule ve ngModel ile hızlı kurulan template-driven formlar yazarak basit veri giriş ekranlarını kolayca oluşturabilirsiniz.
touched, dirty ve valid gibi durumları izleyerek kullanıcıya net ve zamanında görsel geri bildirim verebilirsiniz.
FormControl, FormGroup ve FormBuilder ile form modelini kod tarafında kurarak karmaşık formları yönetilebilir hale getirebilirsiniz.
FormArray ile öğe ekleme ve silmeye izin veren dinamik alan listeleri oluşturabilirsiniz.
Tipli reactive formlarla form değerlerini tip güvenli biçimde okuyarak derleme zamanında hataları yakalayabilirsiniz.
Özel senkron ve asenkron doğrulayıcılar yazarak şifre eşleşmesi ve kullanıcı adı kontrolü gibi kuralları uygulayabilirsiniz.
ControlValueAccessor ile reactive form altyapısına tam uyumlu, yeniden kullanılabilir özel kontroller geliştirebilirsiniz.
Şema tabanlı dinamik formlarla anket ve ayar ekranlarını veriden türeterek esnek biçimde oluşturabilirsiniz.
Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.
Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.
Angular bileşen eğitimi: data binding, Input/Output, Signals, yaşam döngüsü, içerik projeksiyonu ve OnPush change detection. Uygulamalı ve kurumsal.
Detayları Gör →
Angular'da iç içe bileşenler, @Input, @Output, ng-content, ViewChild ve OnPush ile ölçeklenebilir arayüz kurmayı öğreten uygulamalı kurumsal eğitim.
Detayları Gör →
Modern Angular: standalone bileşen, signals, yeni control flow, @defer, SSR hidrasyon ve zoneless geçişi öğreten uygulamalı kurumsal eğitim.
Detayları Gör →
Ölçeklenebilir Angular mimarisi: katmanlar, akıllı-aptal bileşen, NgRx ve signal store, facade, lazy loading ve Nx monorepo atölyesi.
Detayları Gör →
Angular CLI ile proje oluşturma, ng generate, angular.json, builder, bütçeler, test, ng update ve dağıtımı öğreten uygulamalı kurumsal eğitim.
Detayları Gör →
Angular bağımlılık enjeksiyonu, InjectionToken, hiyerarşik injector ve ng-bootstrap bileşenleriyle arayüz geliştirmeyi öğreten kurumsal eğitim.
Detayları Gör →