Angular CLI Eğitimi

Eğitim Hakkında

Komut satırından proje üretimine, derleme yapılandırmasından özel şema ve kütüphaneye CLI hakimiyeti

Angular CLI Eğitimi, Angular projelerini komut satırından uçtan uca yönetmeyi öğretir. Katılımcılar ng new ile proje kurmayı, ng generate şemalarıyla kod üretmeyi ve ng build ile üretim derlemesini uygular. angular.json yapılandırması, builder'lar, ortamlar, bütçeler, ng add ile paket entegrasyonu, ng test, ng update ile yükseltme, kütüphane üretimi ve özel schematic yazımı işlenir. Program CI ve dağıtım akışıyla tamamlanır.

Süre ve Format

4 Gün. Her gün dört modül; CLI komutları proje oluşturmadan özel şema ve dağıtıma kadar gerçek bir iş akışı üzerinde adım adım uygulanır.

Seviye

Orta Seviye — Angular CLI ile proje oluşturma, kod üretme, derleme, test ve dağıtım iş akışı

Öğrenme Metodu

Gerçek bir proje CLI komutlarıyla dört gün boyunca sıfırdan kurulur, geliştirilir ve dağıtılır; her modülde yeni komut uygulanır.

Neden Bu Eğitim?

⚙️Verimli iş akışı

Kod üretimi, derleme ve test gibi tekrarlayan işleri komutlarla otomatikleştirerek günlük geliştirme hızınızı belirgin artırırsınız.

📏Tutarlı standart

Şema ve yapılandırmayla tüm projede aynı yapı ve kalıpları üreterek ekip içinde tutarlı ve öngörülebilir bir kod tabanı kurarsınız.

🚀Üretime hazır

Derleme bütçeleri, ortam yapılandırması ve dağıtım komutlarıyla uygulamayı üretim ortamına güvenle taşımayı öğrenirsiniz.

Anahtar Konular

angular cli eğitiming generateangular.json yapılandırmaangular build eğitimiangular schematicsangular cli kursung update yükseltmeangular kütüphane üretimiön yüz geliştirme eğitimiangular komut satırı

“İyi bir geliştirici araçlarını tanır; Angular CLI'ye hakimiyet, her gün tekrarlanan işleri saniyelere indirip asıl işe zaman bırakır.”

Ön Koşullar

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

1

Angular temeli

Bileşen, servis, modül ve yönlendirme kavramlarına aşinalık beklenir; CLI bu yapıları üretirken anlamlı olur.

2

Terminal kullanımı

Komut satırında dizin gezinme ve komut çalıştırma gibi temel beceriler CLI iş akışında gereklidir.

3

Node ve npm

Node.js ve npm kurulu, Angular CLI'nin global veya npx ile çalıştırılabilir durumda olması gerekir.

4

TypeScript bilgisi

Temel TypeScript bilgisi, üretilen kodu anlamak ve özel şema yazımını takip etmek için 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ı ng new ile proje ve workspace kurar, oluşturma seçeneklerini kavrar ve ng generate şemalarıyla bileşen, servis ve modül gibi yapıları hızla üretir.

Modül 1

ng new ve Workspace

ng new ile yeni proje oluşturma
Standalone, routing ve stil seçenekleri
Workspace ve çoklu proje yapısı
SSR ve zoneless gibi kurulum bayrakları
package.json ve script yapısının incelenmesi
node_modules ve bağımlılık yönetimi

Modül 2

ng generate Şemaları

ng generate component ile bileşen üretimi
service, directive ve pipe üretimi
guard, resolver ve interceptor üretimi
Standalone ve modül tabanlı üretim seçimi
Oluşturma seçenekleri ve dosya iskeleti
Kısaltma (g c) ve hız kazanımı

Modül 3

Üretim Seçenekleri

Dry run ile üretimi önceden önizleme
Flat, inline template ve style seçenekleri
Seçici önek (prefix) yapılandırması
Proje bazlı varsayılan üretim ayarları
schematics varsayılanlarının düzenlenmesi
Üretilen kodun katman yapısına yerleşimi

Modül 4

Geliştirme Sunucusu

ng serve ile canlı geliştirme sunucusu
Port, host ve open seçenekleri
HMR ile hızlı sıcak yeniden yükleme
Proxy yapılandırmasıyla API yönlendirme
SSL seçeneğiyle yerel HTTPS sunumu
Hata ve uyarıların konsolda izlenmesi

Günün hedefiKatılımcı angular.json yapısını çözümler, builder ve target kavramını kavrar, ortam dosyalarıyla yapılandırmayı ayırır ve dosya değiştirme ile stil seçeneklerini yönetir.

Modül 1

angular.json Yapısı

projects, architect ve target kavramı
options ve configurations ayrımı
assets, styles ve scripts tanımları
outputPath ve çıktı yapılandırması
Çoklu proje için ortak ayar yönetimi
defaultProject ve komut hedefleme

Modül 2

Builder ve Target

application builder ile esbuild derlemesi
browser builder ile klasik derleme farkı
serve, build ve test target yapısı
ng run ile özel target çalıştırma
Üçüncü parti builder entegrasyonu
Builder seçeneklerinin özelleştirilmesi

Modül 3

Ortam Yapılandırması

environment dosyalarıyla ortam ayrımı
fileReplacements ile dosya değiştirme
production ve development konfigürasyonu
API adresi ve bayrakların ortama bağlanması
Özel ortam (staging) tanımlama
Gizli bilgilerin derlemeden ayrılması

Modül 4

Stil ve Varlık Yönetimi

SCSS, LESS ve CSS ön işlemci seçimi
Global stil ve bileşen stili ayrımı
stylePreprocessorOptions ile içe aktarım yolu
Varlık (assets) klasör ve kopyalama kuralı
Üçüncü parti CSS ve script eklenmesi
Font ve görsel varlık optimizasyonu

Günün hedefiKatılımcı ng build ile üretim derlemesi alır, bütçe ve kaynak analiziyle paket boyutunu denetler, ng test ile birim test çalıştırır ve ng lint ile kod kalitesini yönetir.

Modül 1

Üretim Derlemesi

ng build ile üretim derlemesi alma
AOT derleme ve şablon kontrolü
Tree shaking ile ölü kodun atılması
Hash tabanlı dosya adlandırma ve önbellek
Source map üretimi ve ayıklama
Çıktı dosyalarının yapısının incelenmesi

Modül 2

Paket Bütçeleri ve Analiz

budgets ile paket boyutu sınırı tanımlama
Uyarı ve hata eşiklerinin ayarlanması
initial ve anyComponentStyle bütçeleri
stats-json ile derleme istatistiği üretme
Paket içeriğinin analiz araçlarıyla incelenmesi
Boyut regresyonunun CI'da yakalanması

Modül 3

Birim Test Çalıştırma

ng test ile Karma ve Jasmine çalıştırma
watch ve tek seferlik test modları
code-coverage ile kapsam raporu
Headless tarayıcıda test çalıştırma
Test yapılandırmasının düzenlenmesi
CI için test komutunun hazırlanması

Modül 4

Lint ve Kod Kalitesi

ng lint ile ESLint entegrasyonu
angular-eslint kurallarının uygulanması
Şablon lint ile HTML şablon denetimi
Otomatik düzeltme (fix) seçeneği
Prettier ile biçimlendirme uyumu
Lint kurallarının projeye özelleştirilmesi

Günün hedefiKatılımcı ng add ile paket entegre eder, ng update ile sürüm yükseltir, kütüphane üretir, özel schematic yazar ve uygulamayı CI hattıyla dağıtmayı öğrenir.

Modül 1

ng add ile Entegrasyon

ng add ile paketin otomatik kurulumu
Angular Material entegrasyonu örneği
ng add ile npm install arasındaki fark
Kurulum şemasının yaptığı değişiklikler
PWA ve SSR desteğinin eklenmesi
Entegrasyon sonrası yapılandırma denetimi

Modül 2

ng update ile Yükseltme

ng update ile bağımlılık yükseltme
Migration şemalarının otomatik çalışması
Breaking change'lerin yönetimi
Update öncesi dal ve yedek stratejisi
Angular sürüm uyumluluk matrisi
Yükseltme sonrası derleme doğrulaması

Modül 3

Kütüphane ve Özel Schematic

ng generate library ile kütüphane üretimi
ng-packagr ile paketleme akışı
Public API ve giriş noktası tanımı
Özel schematic ile kod üretimi yazma
Şema şablonu ve kural (rule) mantığı
collection.json ile şema tanımlama

Modül 4

Dağıtım ve CI Hattı

ng deploy ve builder tabanlı dağıtım
Statik barındırmaya derleme çıktısı yükleme
CI hattında build, test ve lint adımları
Ortam bazlı derleme ve yapılandırma
Önbellek ve bağımlılık kurulum optimizasyonu
Sürüm etiketleme ve yayın takibi

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

Proje kurulumu

ng new ile çeşitli seçeneklerle proje ve workspace kurar, standalone, routing ve SSR gibi tercihleri yönetirsiniz.

✅

Kod üretimi

ng generate şemalarıyla bileşen, servis, guard ve interceptor gibi yapıları hızla ve tutarlı biçimde üretirsiniz.

✅

Yapılandırma

angular.json yapısını çözümler, builder, target ve ortam dosyalarıyla derleme davranışını özelleştirebilirsiniz.

✅

Derleme yönetimi

ng build ile üretim derlemesi alır, AOT, tree shaking ve hashleme gibi optimizasyonları kavrarsınız.

✅

Bütçe denetimi

Paket bütçeleriyle boyut sınırı tanımlar, analiz araçlarıyla büyüyen paketleri ve regresyonları yakalarsınız.

✅

Test ve lint

ng test ile birim test ve kapsam raporu alır, ng lint ile kod kalitesini denetleyip CI'ya hazırlarsınız.

✅

Yükseltme

ng add ile paket entegre eder, ng update ve migration şemalarıyla projeyi güvenle yeni sürüme taşırsınız.

✅

Şema ve dağıtım

Kütüphane üretir, özel schematic yazar ve uygulamayı CI hattıyla derleyip dağıtmayı öğrenirsiniz.

Kimler İçin Uygundur?

Angular ile çalışan ancak CLI'yi yüzeysel kullanan geliştiriciler
kod üretimini
derleme hattını otomatikleştirmek isteyen ekipler ve proje kurulumunu standartlaştırmak isteyen takım liderleri için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?

Angular ile çalışan ancak CLI'yi yüzeysel kullanan geliştiriciler, kod üretimini ve derleme hattını otomatikleştirmek isteyen ekipler ve proje kurulumunu standartlaştırmak isteyen takım liderleri için uygundur. Bileşen, servis ve modül kavramlarına aşinalık ile temel terminal kullanımı beklenir.

angular.json dosyasını elle düzenlemeyi öğrenecek miyim?

Evet. Eğitimde projects, architect, target, options ve configurations yapısı çözümlenir; builder seçenekleri, ortam dosyaları, fileReplacements, bütçeler ve stil ayarları elle düzenlenerek derleme davranışının nasıl değiştiği örneklerle gösterilir. Böylece CLI komutlarının arkasındaki yapılandırmaya hakim olursunuz.

Özel schematic yazmayı da kapsıyor mu?

Evet. Eğitimin son günü kütüphane üretimi ve özel schematic yazımını içerir. Şema şablonları, kural mantığı ve collection.json ile şema tanımı işlenir; ekibin tekrarlayan kod kalıplarını kendi üretim komutlarına dönüştürmesi örnek üzerinde uygulanır.

Eğitimin süresi ve formatı nedir?

Eğitim dört gün sürer ve her gün dört modülden oluşur. Gerçek bir proje CLI komutlarıyla sıfırdan kurulur, yapılandırılır, test edilir ve dağıtılır. Yüz yüze veya online yapılabilir; içerik kurumun kullandığı Angular sürümü ve CI araçları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 CLI ile kurulup dağıtılan örnek projeyi belgeler; kurumsal gruplara özel şema ve CI hattı 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

ANGULAR CLI EĞİTİMİ

Eğitim Hakkında

Neden Bu Eğitim?

Anahtar Konular

Ön Koşullar

Eğitim İçeriği

ng new ve Workspace

ng generate Şemaları

Üretim Seçenekleri

Geliştirme Sunucusu

angular.json Yapısı

Builder ve Target

Ortam Yapılandırması

Stil ve Varlık Yönetimi

Üretim Derlemesi

Paket Bütçeleri ve Analiz

Birim Test Çalıştırma

Lint ve Kod Kalitesi

ng add ile Entegrasyon

ng update ile Yükseltme

Kütüphane ve Özel Schematic

Dağıtım ve CI Hattı

Eğitim Kazanımları

Kimler İçin Uygundur?

Sıkça Sorulan Sorular

Sertifikalandırma

Eğitim Bilgileri

Bu Eğitimle Birlikte Tercih Edilenler

Angular : Reactive Programming With RxJS & Observables Eğitimi

Angular : Services & Dependency Injection Eğitimi

Angular : Working With Angular Modules Eğitimi

Angular : Working with Components Eğitimi

Angular : Working With Forms Eğitimi

Angular : Working With Nested Components Eğitimi