ANGULAR DEVELOPMENT: LIBRARIES EĞİTİMİ

Yeniden kullanılabilir Angular kütüphaneleri

ng-packagr ve Angular Package Format ile paylaşılabilir Angular kütüphaneleri üretin

Angular Development: Libraries Eğitimi, yeniden kullanılabilir Angular kütüphaneleri geliştirmeyi uçtan uca öğretir. Program CLI ile kütüphane üretimi ve public API tasarımıyla başlar; bileşen, direktif ve servislerin paketlenmesi, forRoot yapılandırması, ng-…

3 gün Orta Seviye Online / Yüz Yüze / Hibrit Sertifikalı

Eğitim Hakkında

Kütüphane üretiminden public API tasarımına, ng-packagr paketlemeden npm yayınına eksiksiz akış

Angular Development: Libraries Eğitimi, yeniden kullanılabilir Angular kütüphaneleri geliştirmeyi uçtan uca öğretir. Katılımcılar CLI ile kütüphane projesi üretir, public API yüzeyini tasarlar ve bileşen, direktif, servis ve pipe'ları dışa açar. ng-packagr ile paketleme, Angular Package Format, ikincil giriş noktaları, peer dependency yönetimi, sürümleme ve npm'e yayın işlenir. Program tüketim, dokümantasyon ve sürekli yayın akışıyla tamamlanır.

Süre ve Format

3 Gün. Her gün dört modül; gerçek bir Angular kütüphanesi üç gün boyunca üretimden paketlemeye ve npm yayınına adım adım geliştirilir.

Seviye

Orta Seviye — Angular kütüphanesi geliştirme, ng-packagr ile paketleme ve npm'e yayınlama

Öğrenme Metodu

Gerçek bir paylaşılabilir kütüphane üç gün boyunca sıfırdan kurulur, paketlenir ve yayınlanır; her modülde yeni bir adım uygulanır.

Neden Bu Eğitim?

♻️Kod paylaşımı

Ortak bileşen, servis ve mantığı tek bir kütüphanede toplayarak birden fazla projede yeniden kullanır ve tekrarı önlersiniz.

🎨Tasarım sistemi

Kurum içi tasarım sistemini veya bileşen kütüphanesini paketleyerek tüm ekiplerde tutarlı arayüz standardı kurarsınız.

📦Yayına hazır

ng-packagr ve Angular Package Format ile standartlara uygun, npm'de yayınlanabilir profesyonel paketler üretmeyi öğrenirsiniz.

Anahtar Konular

angular kütüphane eğitimiangular libraryng-packagr eğitimiangular package formatangular npm yayınlamaangular bileşen kütüphanesiangular tasarım sistemiangular kursuön yüz geliştirme eğitimiangular kütüphane geliştirme
“Bir kez iyi yazılmış kütüphane, onlarca projede tekrar eder; paylaşılabilir kod, ekiplerin ortak diline ve hızına dönüşür.”

Ön Koşullar

Eğitimden verim almak için faydalı olacak bilgi ve kurulum

1
Angular deneyimi

Bileşen, servis, direktif ve modül kavramlarına pratik hakimiyet beklenir; kütüphane bu yapıları paketler.

2
TypeScript bilgisi

Tip, generic, arayüz ve modül sistemi bilgisi public API tasarımında ve tip tanımı üretiminde önemlidir.

3
CLI ve npm

Angular CLI ve npm kullanımına aşinalık, kütüphane üretimi ve yayın komutları için gereklidir.

4
Git ve kayıt defteri

Git kullanımı ve npm veya özel kayıt defteri (registry) hesabı, sürümleme ve yayın adımlarında faydalı olur.

Eğitim İçeriği

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.

Günün hedefiKatılımcı CLI ile kütüphane içeren bir workspace kurar, kütüphane proje yapısını kavrar ve public-api üzerinden bileşen, servis ve pipe'ları dışa açmayı tasarlar.
Modül 1
Workspace ve Kütüphane Üretimi
  • ng generate library ile kütüphane oluşturma
  • Uygulama ve kütüphane barındıran workspace
  • projects klasöründe kütüphane yapısı
  • ng-package.json ve giriş dosyaları
  • Test uygulamasıyla kütüphaneyi deneme
  • Kütüphane ve uygulama ayrımının anlamı
Modül 2
Public API Tasarımı
  • public-api.ts ile dışa açılan yüzey
  • Hangi bileşenin dışa açılacağına karar verme
  • İç ayrıntıların gizlenmesi ve kapsülleme
  • Barrel export ile düzenli dışa aktarım
  • API yüzeyini küçük ve kararlı tutma
  • Geriye dönük uyumluluk kaygısı
Modül 3
Bileşen ve Direktif Paketleme
  • Standalone bileşenlerin kütüphaneye konması
  • Dışa açılan direktif ve pipe tasarımı
  • Servislerin providedIn ile sağlanması
  • Bileşen stillerinin kütüphaneyle taşınması
  • Tema için CSS değişkeni sözleşmesi
  • İçerik yansıtmayla esnek bileşen API'si
Modül 4
Yapılandırma ve Sağlayıcılar
  • forRoot ve provide fonksiyonuyla yapılandırma
  • InjectionToken ile kütüphane ayarları
  • Tüketiciye varsayılan değer sunma
  • Opsiyonel bağımlılıkların yönetimi
  • Çevre bazlı davranışın dışarıdan verilmesi
  • Yapılandırma API'sinin belgelenmesi
Günün hedefiKatılımcı ng-packagr ile kütüphaneyi derler, Angular Package Format çıktısını çözümler, ikincil giriş noktaları oluşturur ve peer dependency'leri doğru yönetir.
Modül 1
ng-packagr ile Derleme
  • ng build ile kütüphanenin derlenmesi
  • ng-packagr'ın derleme sürecindeki rolü
  • dist klasöründe çıktı yapısının incelenmesi
  • Partial AOT derleme ve Ivy uyumu
  • watch modunda kütüphane geliştirme
  • Derleme hatalarının çözümlenmesi
Modül 2
Angular Package Format
  • APF standardının amacı ve kapsamı
  • FESM biçimi ve modül çıktıları
  • Tip tanımı (d.ts) dosyalarının üretimi
  • package.json içindeki export alanları
  • Yan etkisiz (sideEffects) işaretleme
  • Tree-shaking uyumlu çıktı yapısı
Modül 3
İkincil Giriş Noktaları
  • Secondary entry point oluşturma
  • Alt modül bazlı içe aktarım yolu
  • testing giriş noktasıyla yardımcı sunma
  • Giriş noktaları arası bağımlılık kuralı
  • Paket boyutunu bölerek optimize etme
  • İç içe giriş yapısının yönetimi
Modül 4
Bağımlılık Yönetimi
  • peerDependencies ile Angular sürüm beyanı
  • dependencies ve devDependencies ayrımı
  • Çift kurulum ve sürüm çakışmasını önleme
  • Üçüncü parti paketlerin bundlelanması
  • Harici (external) bağımlılık işaretleme
  • Uyumlu sürüm aralığı tanımlama
Günün hedefiKatılımcı kütüphaneyi sürümler, npm veya özel kayıt defterine yayınlar, tüketici projede kurup kullanır ve dokümantasyon ile sürekli yayın akışını kurar.
Modül 1
Sürümleme ve Yayın
  • Semantic versioning ile sürüm numaralama
  • npm publish ile pakete yayınlama
  • Özel ve kapsamlı (scoped) paket adı
  • Özel kayıt defterine (registry) yayın
  • dist çıktısının yayınlanması kuralı
  • Yayın öncesi sürüm ve içerik kontrolü
Modül 2
Kütüphaneyi Tüketme
  • npm install ile kütüphanenin kurulması
  • Bileşen ve servisin tüketicide içe aktarımı
  • Yapılandırma sağlayıcısının bağlanması
  • Sürüm güncelleme ve uyumluluk kontrolü
  • Yerel npm link ile geliştirme sırasında deneme
  • Tüketici projede sorun giderme
Modül 3
Dokümantasyon ve Örnekler
  • README ile kurulum ve kullanım kılavuzu
  • API ve giriş noktalarının belgelenmesi
  • Compodoc ile otomatik dokümantasyon
  • Canlı örnek ve demo uygulaması
  • Değişiklik günlüğü (changelog) tutma
  • Göç (migration) notlarının hazırlanması
Modül 4
Sürekli Yayın ve Bakım
  • CI hattında kütüphane build ve test
  • Otomatik sürümleme ve yayın akışı
  • ng update için migration şeması sunma
  • Deprecated API'nin yönetimi ve uyarısı
  • Monorepo içinde kütüphane paylaşımı
  • Hata takibi ve topluluk katkısı yönetimi

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Kütüphane üretimi

CLI ile kütüphane içeren workspace kurar, kütüphane ve uygulama ayrımını kavrayıp proje yapısını yönetirsiniz.

✅
Public API tasarımı

public-api üzerinden dışa açılan yüzeyi tasarlar, iç ayrıntıları gizleyip kararlı bir API sözleşmesi kurarsınız.

✅
ng-packagr derleme

ng-packagr ile kütüphaneyi derler, çıktı yapısını çözümler ve watch modunda verimli geliştirme yaparsınız.

✅
Package Format

Angular Package Format'a uygun FESM, tip tanımı ve export yapısıyla tree-shaking uyumlu paketler üretirsiniz.

✅
İkincil giriş

İkincil giriş noktalarıyla kütüphaneyi alt modüllere böler ve tüketicinin seçerek içe aktarmasını sağlarsınız.

✅
Bağımlılık yönetimi

peerDependencies ile Angular sürümünü beyan eder, sürüm çakışmalarını ve çift kurulumu önlemeyi öğrenirsiniz.

✅
Yayın ve tüketim

Kütüphaneyi semantic versioning ile sürümler, npm veya özel kayıt defterine yayınlar ve tüketici projede kullanırsınız.

✅
Bakım akışı

Dokümantasyon, changelog, migration şeması ve CI ile sürekli yayın kurarak kütüphaneyi sürdürülebilir tutarsınız.

Kimler İçin Uygundur?

  • Ortak bileşen ve mantığı birden fazla projede paylaşmak isteyen geliştiriciler
  • kurum içi tasarım sistemi veya SDK kuran ekipler
  • açık kaynak Angular kütüphanesi yayınlamak isteyenler için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Ortak bileşen ve mantığı birden fazla projede paylaşmak isteyen geliştiriciler, kurum içi tasarım sistemi veya SDK kuran ekipler ve açık kaynak Angular kütüphanesi yayınlamak isteyenler için uygundur. Bileşen, servis, direktif ve modül kavramlarına pratik hakimiyet ile CLI ve npm aşinalığı beklenir.
Angular Package Format neden önemlidir?
APF, bir Angular kütüphanesinin hangi biçimde (FESM modülleri, tip tanımları, export alanları, sideEffects işareti) yayınlanması gerektiğini tanımlayan standarttır. Bu standarda uymak, kütüphanenin farklı projelerde doğru derlenmesini ve tree-shaking ile paket boyutunun küçülmesini sağlar. Eğitimde ng-packagr'ın APF uyumlu çıktısı çözümlenir.
peerDependencies ile dependencies arasındaki fark nedir?
peerDependencies, kütüphanenin tüketici projenin sağladığı Angular gibi paketleri beklediğini belirtir ve çift kurulum ile sürüm çakışmasını önler; dependencies ise kütüphanenin kendi getirdiği paketlerdir. Eğitimde Angular ve RxJS'in peer olarak nasıl beyan edileceği ve bağımlılıkların doğru sınıflandırılması örnekle uygulanır.
Eğitimin süresi ve formatı nedir?
Eğitim üç gün sürer ve her gün dört modülden oluşur. Gerçek bir Angular kütüphanesi üretimden paketlemeye, npm yayınından tüketime kadar adım adım geliştirilir. Yüz yüze veya online yapılabilir; içerik kurumun tasarım sistemi veya SDK ihtiyacına göre uyarlanabilir.
Eğitim sonunda sertifika veriliyor mu?
Programı tamamlayan katılımcılar Digital Vizyon Akademi Katılım ve Başarı Sertifikası alır. Sertifika tamamlanan modülleri ve geliştirilip yayınlanan örnek kütüphaneyi belgeler; kurumsal gruplara kurum içi tasarım sistemi veya özel kayıt defteri kurulumu danışmanlığıyla genişletilebilir.

Sertifikalandırma

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.

Örnek Sertifika d Digital Vizyon AKADEMİ KATILIM SERTİFİKASI Bu sertifika [Katılımcı Adı Soyadı] adlı katılımcının aşağıdaki eğitim programını başarıyla tamamladığını belgeler. Angular Development: Libraries Eğitimi Sertifika Kodu DV-2026XX00 Tarih 14.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

Süre3 gün
SeviyeOrta Seviye
FormatOnline / Yüz Yüze / Hibrit
Sertifika✓ Var
Hemen Bilgi Al
İlgili Eğitimler

Bu Eğitimle Birlikte Tercih Edilenler

AngularAngular : Navigation & Routing in Angular Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Angular : Navigation & Routing in Angular Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

Angular Router ile route tanımı, parametreler, guard, resolver ve lazy loading dahil çok sayfalı uygulama gezinme eğitimi. Uygulamalı ve kurumsal.

Detayları Gör →
AngularAngular : Reactive Programming With RxJS & Observables Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Angular : Reactive Programming With RxJS & Observables Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

RxJS ve Observable ile Angular'da reaktif programlama eğitimi: operatörler, Subject, combineLatest, hata yönetimi ve Signals interop. Uygulamalı.

Detayları Gör →
AngularAngular : Services & Dependency Injection Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Angular : Services & Dependency Injection Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

Angular'da servis tasarımı ve bağımlılık enjeksiyonu eğitimi: providedIn, provider türleri, InjectionToken, injector hiyerarşisi ve interceptor. Uygulamalı.

Detayları Gör →
AngularAngular : Working With Angular Modules Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Angular : Working With Angular Modules Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

Angular modül mimarisi eğitimi: NgModule, feature ve shared modüller, lazy loading, SCAM ve standalone bileşenlere geçiş. Uygulamalı ve kurumsal.

Detayları Gör →
AngularAngular : Working with Components Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Angular : Working with Components Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

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 →
AngularAngular : Working With Forms Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Angular : Working With Forms Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

Angular form eğitimi: template-driven ve reactive formlar, doğrulama, async validator, ControlValueAccessor ve dinamik formlar. Uygulamalı ve kurumsal.

Detayları Gör →
+90 (501) 369 40 14 WhatsApp [email protected] LinkedIn