Angular bileşenlerinde ustalaş
Angular Introduction to Components Eğitimi, Angular'ın temel yapı taşı olan bileşenleri her yönüyle öğretir. Program bileşen anatomisi, şablon söz dizimi ve veri bağlama türleri, @Input ve @Output ile bileşen iletişimi, EventEmitter, yaşam döngüsü kancaları,…
Bileşen anatomisinden iletişime, yaşam döngüsünden standalone bileşenlere kadar
Angular Introduction to Components Eğitimi, Angular'ın temel yapı taşı olan bileşenleri her yönüyle öğretir. Katılımcılar bileşen anatomisini, şablon söz dizimini ve tüm veri bağlama türlerini kavrar. @Input ve @Output ile bileşen iletişimini, yaşam döngüsü kancalarını, ViewChild ve ContentChild ile erişimi, ng-content ile içerik yansıtmayı ve view encapsulation ile stil kapsamını uygular. Program standalone bileşenler ve change detection temelleriyle tamamlanır.
4 Gün. Her gün dört modül; kısa anlatımın ardından bileşenler örnek bir uygulamada adım adım oluşturularak iletişim ve yaşam döngüsü uygulamalı pekiştirilir.
Orta Seviye — Angular bileşenlerini anatomi, iletişim ve yaşam döngüsüyle derinlemesine öğreten program
Örnek bir uygulama dört gün boyunca bileşenlerle kurulur; her modülde yeni bir bileşen yeteneği gerçek koda eklenerek pekiştirilir.
Bileşenleri derinlemesine kavramak, Angular'ın diğer tüm konularını öğrenmek için gereken en güçlü temeli oluşturur.
@Input, @Output ve içerik yansıtmayı öğrenerek bileşenler arası veri akışını temiz ve öngörülebilir biçimde kurarsınız.
İyi tasarlanmış, bağımsız bileşenlerle kod tekrarını azaltır ve bakımı kolay bir arayüz mimarisi oluşturursunuz.
Eğitime başlamadan önce faydalı olacak bilgi ve kurulum
HTML ve CSS ile temel arayüz oluşturmaya aşinalık şablonları anlamayı kolaylaştırır.
Fonksiyon, nesne ve dizi metotlarıyla temel JavaScript deneyimi gerekir.
TypeScript deneyimi şart değildir; gerekli tip ve sınıf kavramları eğitimde ele alınır.
Node.js ve Angular CLI'nin kurulu, ng serve ile proje çalıştırabilir durumda olması 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:
@Component meta verilerini, selector, şablon ve stil ilişkisini kavrar, iyi yapılandırılmış bileşenler oluşturursunuz.
Interpolation, property, event ve two-way binding ile sınıf ve şablon arasındaki veri akışını eksiksiz kurarsınız.
@Input ve @Output ile üst ve alt bileşenler arasında temiz, öngörülebilir bir veri ve olay akışı tasarlarsınız.
ngOnInit, ngOnChanges ve ngOnDestroy gibi kancaları doğru zamanlarda kullanarak başlatma ve temizliği yönetirsiniz.
ng-content ve çok yuvalı yansıtma ile esnek, yeniden kullanılabilir kart ve panel bileşenleri kurarsınız.
ViewChild, ContentChild ve ElementRef ile şablon ve yansıtılan içerikteki öğelere doğru zamanda erişirsiniz.
View encapsulation seçeneklerini kavrar, stil sızıntısını önleyerek bileşene özgü tasarımlar oluşturursunuz.
Değişiklik algılamanın nasıl çalıştığını kavrar, OnPush ve async pipe ile gereksiz render'ı azaltma temelini edinirsiniz.
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.
Ö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 →
Angular kütüphanesi üretimi, public API, ng-packagr, Angular Package Format, ikincil giriş ve npm yayınını öğreten uygulamalı kurumsal eğitim.
Detayları Gör →
Angular Material bileşenleri, CDK, SCSS tema sistemi, veri tablosu ve Angular Elements ile taşınabilir web bileşeni üretmeyi öğreten uygulamalı eğitim.
Detayları Gör →
RxJS Observable, operatörler, switchMap, hata yönetimi, async pipe ve Signals ile Angular'da reaktif programlamayı derinlemesine öğreten uygulamalı eğitim.
Detayları Gör →