İç içe bileşenlerle ölçeklenebilir arayüz
Angular : Working With Nested Components Eğitimi, büyüyen arayüzleri iç içe bileşen ağaçlarıyla düzenlemeyi öğretir. Program @Input ve @Output ile parent-child veri akışıyla başlar; EventEmitter ile olay iletimi, iki yönlü bağlama ve ng-content ile içerik yan…
Parent-child iletişiminden içerik yansıtmaya, change detection'dan akıllı-aptal bileşen desenine
Angular : Working With Nested Components Eğitimi, büyüyen arayüzleri iç içe bileşen ağaçlarıyla düzenlemeyi öğretir. Katılımcılar @Input ve @Output ile parent-child veri akışını, EventEmitter ile olay iletimini ve ng-content ile içerik yansıtmayı uygular. ViewChild, ContentChild ve template reference ile bileşenlere erişim, OnPush ile change detection ve akıllı-aptal bileşen deseni işlenir. Program yeniden kullanılabilir bileşen kütüphanesi kurgusuyla tamamlanır.
3 Gün. Her gün dört modül; tek bir bileşen ağacı üç gün boyunca veri akışı, içerik yansıtma ve performans katmanlarıyla adım adım geliştirilir.
Orta Seviye — Angular'da iç içe bileşen ağaçları, veri akışı, içerik yansıtma ve değişiklik denetimi
Gerçek bir bileşen ağacı üç gün boyunca adım adım kurulur; her modülde yeni bir iletişim, yansıtma veya optimizasyon tekniği eklenir.
Büyük sayfaları küçük, tek sorumluluklu bileşenlere bölerek bakımı ve test edilebilirliği kolay bir yapı kurmayı öğrenirsiniz.
@Input ile aşağı, @Output ile yukarı akan tek yönlü veri modeliyle öngörülebilir ve hata ayıklaması kolay arayüzler kurarsınız.
ng-content ve esnek API tasarımıyla farklı ekranlarda yeniden kullanılabilen bileşenler üreterek kod tekrarını azaltırsınız.
Eğitimden verim almak için faydalı olacak bilgi ve kurulum
Bileşen, şablon ve modül kavramına aşinalık beklenir; veri bağlama ve direktifler eğitimde kısaca tekrar edilir.
Sınıf, arayüz, tip ve dekoratör kavramlarına temel düzeyde hakimiyet bileşen API'si tasarımında faydalı olur.
Node.js ve Angular CLI kurulu, projenin ng serve ile tarayıcıda çalışabilir durumda olması gerekir.
Şablon yapısı ve stil kavramlarına aşinalık, içerik yansıtma ve bileşen görünümünü anlamayı kolaylaştırır.
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:
Büyük sayfaları tek sorumluluklu bileşenlere bölerek bakımı ve testi kolay, düzenli bir bileşen ağacı kurabilirsiniz.
@Input, setter ve ngOnChanges ile ebeveynden çocuğa veri aktarır ve giriş değişimlerini güvenle izleyebilirsiniz.
@Output ve EventEmitter ile çocuktan ebeveyne tip güvenli olaylar iletir ve iki yönlü bağlamayı kurabilirsiniz.
ng-content ve çoklu yuva ile sarmalayıcı bileşenler kurar, slot tabanlı esnek bileşen API'leri tasarlarsınız.
ViewChild ve ContentChild ile çocuk ve yansıtılan içeriğe erişir, erişim zamanlamasını doğru yönetebilirsiniz.
Yaşam döngüsü kancalarının sırasını kavrar, kurulum, görünüm hazırlığı ve temizlik işlemlerini doğru yerde yaparsınız.
OnPush stratejisi, immutable giriş ve async pipe ile gereksiz çizimleri azaltarak hızlı arayüzler üretebilirsiniz.
Akıllı-aptal bileşen deseniyle veri ve mantığı ayırır, yeniden kullanılabilir bir bileşen kütüphanesi kurgularsınız.
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.
Değişim denetimi, OnPush, Signals, ileri bağımlılık enjeksiyonu, dinamik bileşen, lazy loading ve performans optimizasyonunu öğreten ileri seviye Angular eğitim
Detayları Gör →
Bileşenler, veri bağlama, direktifler, servisler, HttpClient, yönlendirme ve formlarla Angular temellerini sıfırdan öğreten uygulamalı giriş eğitimi.
Detayları Gör →
Tipler, arayüzler, jenerikler, dekoratörler, katı mod, tip güvenli form ve tiplenmiş HttpClient ile Angular'da TypeScript'i derinlemesine öğreten eğitim.
Detayları Gör →
RxJS Observable, Subject ve operatörlerle Angular'da reaktif programlama eğitimi. HttpClient, async pipe, hata yönetimi ve reaktif durum uygulamalı.
Detayları Gör →
TestBed, component harness, fakeAsync, marble testing ve CI ile ileri düzey Angular test eğitimi. Birim, entegrasyon ve uçtan uca testler uygulamalı.
Detayları Gör →
Jasmine, Karma ve TestBed ile Angular uygulamalarını test etme eğitimi. Bileşen, servis, HTTP, asenkron ve Cypress uçtan uca testler uygulamalı.
Detayları Gör →