TEMEL VE İLERİ SEVİYE ANGULAR EĞİTİMİ

Angular'ı temelden ileriye eksiksiz öğren

Bileşen ve bağlamadan routing, formlar, RxJS, durum yönetimi ve yayına kadar Angular

Temel ve İleri Seviye Angular Eğitimi, Angular'ı sıfırdan ileri mimariye kadar bütünüyle öğretir. Program bileşen, şablon ve veri bağlama temelleri, servis ve bağımlılık enjeksiyonu, Angular Router, template-driven ve reactive formlar, RxJS ve HttpClient ile…

4 gün İleri Seviye Online / Yüz Yüze / Hibrit Sertifikalı

Eğitim Hakkında

Angular temellerinden başlayıp ileri mimari, performans ve yayın süreçlerine uzanan bütünsel program

Temel ve İleri Seviye Angular Eğitimi, Angular'ı sıfırdan ileri mimariye kadar bütünüyle öğretir. Katılımcılar bileşen, şablon, veri bağlama ve directive temelleriyle başlar; servis, bağımlılık enjeksiyonu, routing ve formlarla devam eder. Ardından RxJS ve HttpClient ile reaktif veri erişimi, change detection ve OnPush ile performans, durum yönetimi ve dağıtım işlenir. Program hem yeni başlayanlar hem de bilgisini mimariye taşımak isteyenler için tek akışta kurgulanmıştır.

Süre ve Format

4 Gün. Her gün dört modül; kısa anlatımın ardından tek bir örnek uygulama temelden ileriye adım adım geliştirilerek konular bütünlük içinde pekiştirilir.

Seviye

İleri Seviye — Angular'ı temellerden ileri mimari ve yayına kadar bütünüyle kapsayan program

Öğrenme Metodu

Tek bir örnek uygulama dört gün boyunca temelden ileriye geliştirilir; her modülde yeni bir Angular yeteneği gerçek koda eklenir.

Neden Bu Eğitim?

🎯Baştan sona kapsam

Bileşen temellerinden ileri mimariye kadar tüm Angular akışını tek programda öğrenerek bütünsel bir yetkinlik kazanırsınız.

🧩Tutarlı ilerleyiş

Konular tek bir örnek uygulamada katman katman birleştiği için parçaların gerçek projede nasıl çalıştığını net görürsünüz.

🚀Üretime hazır

Routing, form, RxJS, durum yönetimi ve yayın süreciyle gerçek bir uygulamayı tek başınıza geliştirebilir hale gelirsiniz.

Anahtar Konular

angular eğitimiangular kursutemel angularileri angular eğitimiangular routing formlarrxjs httpclient eğitimiangular durum yönetimiön yüz geliştirme eğitimiangular sıfırdan öğrenangular geliştirme kursu
“Angular'ı gerçekten bilmek, parçaları tek tek tanımak değil; onları tutarlı bir uygulamada doğru yerde birleştirebilmektir.”

Ön Koşullar

Eğitime başlamadan önce faydalı olacak bilgi ve kurulum

1
Web temelleri

HTML, CSS ve temel DOM kavramlarına aşinalık Angular şablonlarını anlamayı kolaylaştırır.

2
JavaScript bilgisi

Fonksiyon, dizi metotları ve async yapılarla temel JavaScript deneyimi gerekir.

3
TypeScript'e açıklık

TypeScript deneyimi şart değildir; tip ve sınıf kavramları eğitimin başında ele alınır.

4
Node ve CLI kurulumu

Node.js ve Angular CLI'nin kurulu, ng serve ile proje çalıştırabilir durumda olması gerekir.

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ı Angular proje yapısını tanır, ilk bileşenleri oluşturur, şablon söz dizimini öğrenir ve veri bağlama türleriyle arayüzü veriye bağlamayı uygular.
Modül 1
Proje Yapısı ve CLI
  • ng new ile proje oluşturma ve dizin yapısı
  • ng generate ile bileşen ve servis üretimi
  • ng serve ile geliştirme sunucusunu çalıştırma
  • angular.json ve yapılandırma mantığı
  • Standalone bileşen ile modülsüz yapı
  • TypeScript ve tsconfig temel ayarları
Modül 2
Bileşen Anatomisi
  • @Component dekoratörü ve meta verileri
  • Selector, template ve style ilişkisi
  • Bileşen sınıfı ve şablon arasındaki bağ
  • Inline ve harici şablon-stil seçimi
  • View encapsulation ve stil kapsamı
  • Bileşen ağacı ve kök bileşen mantığı
Modül 3
Şablon Söz Dizimi
  • Interpolation ile veriyi metne yansıtma
  • @if ve @for ile yeni akış kontrol söz dizimi
  • ngClass ve ngStyle ile dinamik stil
  • Şablon referans değişkeni kullanımı
  • Güvenli gezinme operatörü ile null koruma
  • Pipe ile şablonda veri biçimlendirme
Modül 4
Veri Bağlama Türleri
  • Property binding ile öğe özelliği atama
  • Event binding ile kullanıcı olayına yanıt
  • Two-way binding ve ngModel kullanımı
  • Attribute, class ve style bağlama farkları
  • @Input ile üst bileşenden veri alma
  • @Output ve EventEmitter ile olay yayma
Günün hedefiKatılımcı servis ve bağımlılık enjeksiyonunu kurar, router ile çok sayfalı gezinme tasarlar ve template ile reactive form yaklaşımlarını uygulayarak girdileri yönetir.
Modül 1
Servis ve Bağımlılık Enjeksiyonu
  • @Injectable dekoratörü ile servis tanımı
  • providedIn ile uygulama genelinde sağlama
  • Yapıcıda enjeksiyon ve inject fonksiyonu
  • Paylaşılan durum için servis kullanımı
  • Tek sorumluluk ile servis tasarımı
  • Bileşenden iş mantığını servise taşıma
Modül 2
Angular Router ile Gezinme
  • Route tanımı ve router-outlet yerleşimi
  • routerLink ile bildirimsel gezinme
  • Parametreli rota ve ActivatedRoute okuma
  • Child route ile iç içe gezinme
  • CanActivate guard ile erişim koruması
  • Lazy loading ile rota tabanlı tembel yükleme
Modül 3
Template-Driven Formlar
  • ngModel ile iki yönlü form bağlama
  • Form alanlarının NgForm ile toplanması
  • required ve pattern ile doğrulama
  • Hata mesajlarının koşullu gösterimi
  • Form durumu ve dokunma izlemenin yönetimi
  • Basit formlar için uygun senaryolar
Modül 4
Reactive Formlar
  • FormControl ve FormGroup ile form modeli
  • FormBuilder ile form yapısını kurma
  • Validators ile senkron doğrulama
  • Custom validator ve asenkron doğrulama
  • FormArray ile dinamik alan yönetimi
  • valueChanges ile form akışını izleme
Günün hedefiKatılımcı RxJS ile reaktif akışları kurar, HttpClient ile API'den veri çeker, operatörlerle akışı dönüştürür ve async pipe ile veriyi şablona güvenle bağlar.
Modül 1
RxJS Temelleri ve Akışlar
  • Observable, observer ve subscribe ilişkisi
  • of, from ve interval ile akış oluşturma
  • subscribe ile değer, hata ve tamamlanma
  • Abonelik yönetimi ve sızıntı önleme
  • Subject ile çok aboneli yayın mantığı
  • async pipe ile otomatik abonelik yönetimi
Modül 2
RxJS Operatörleri
  • map ve filter ile akışı dönüştürme
  • debounceTime ile sık olayları seyreltme
  • distinctUntilChanged ile tekrarı engelleme
  • switchMap ile iç içe akış yönetimi
  • combineLatest ile akışları birleştirme
  • catchError ile akış içinde hata yönetimi
Modül 3
HttpClient ile API Erişimi
  • HttpClient ile GET ve POST istekleri
  • Tip güvenli yanıt ve arayüz tanımı
  • HttpParams ve sorgu parametreleri
  • HttpInterceptor ile başlık ve token ekleme
  • Hata yakalama ve yeniden deneme
  • Yükleniyor ve hata durumlarının yönetimi
Modül 4
Reaktif Veri Deseni
  • Servis katmanında akış tabanlı veri sunumu
  • Durum için BehaviorSubject kullanımı
  • Türetilmiş veriyi operatörle hesaplama
  • Bileşende async pipe ile veri gösterimi
  • Önbellek ile tekrar isteklerden kaçınma
  • Akış tabanlı arama ve filtreleme kurma
Günün hedefiKatılımcı change detection ve OnPush ile performansı iyileştirir, durum yönetimini ölçekler, bileşenleri test eder ve uygulamayı derleyip yayınlama sürecini uygular.
Modül 1
Change Detection ve Performans
  • Değişiklik algılama döngüsünün kavranması
  • OnPush stratejisi ile render azaltma
  • trackBy ile liste yeniden oluşturma maliyeti
  • Signals ile reaktif durum girişi
  • Gereksiz hesaplama ve binding tespiti
  • Angular DevTools ile performans profili
Modül 2
Durum Yönetimi Yaklaşımları
  • Servis tabanlı durum ile basit yönetim
  • NgRx ile store, action ve reducer kurma
  • Selector ile türetilmiş durumun okunması
  • Effects ile yan etki ve API yönetimi
  • Ne zaman durum kütüphanesi gerektiği
  • Durum mimarisinde ölçek kararları
Modül 3
Test Temelleri ve Araçları
  • Jasmine ve Karma ile birim test yazımı
  • TestBed ile bileşen testi kurulumu
  • Servis ve HttpClient katmanının testi
  • Spy ile bağımlılıkların sahtelenmesi
  • Cypress ile uçtan uca test girişi
  • Kod kapsamı ölçümü ve raporun yorumu
Modül 4
Derleme ve Yayın
  • Üretim derlemesi ve optimizasyon ayarları
  • Ortam yapılandırması ve API adresleri
  • Paket boyutu bütçesi ve analizi
  • Lazy loading ile başlangıç yükü azaltma
  • Statik barındırma ve sunucuya dağıtım
  • Sürüm etiketleme ve kademeli yayın

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Bileşen ve bağlama

Bileşen anatomisini, şablon söz dizimini ve tüm veri bağlama türlerini kullanarak veriye bağlı arayüzler geliştirebilirsiniz.

✅
Servis ve DI

Servis ve bağımlılık enjeksiyonuyla iş mantığını bileşenden ayırır, yeniden kullanılabilir ve test edilebilir yapı kurarsınız.

✅
Routing ve gezinme

Angular Router ile çok sayfalı gezinme, parametreli rota, guard ve lazy loading içeren bir yönlendirme tasarlarsınız.

✅
Form yönetimi

Template-driven ve reactive form yaklaşımlarını kullanır, doğrulama ve dinamik alanlarla karmaşık formları yönetirsiniz.

✅
Reaktif veri

RxJS ve HttpClient ile API'den veri çeker, operatörlerle akışı dönüştürür ve async pipe ile şablona güvenle bağlarsınız.

✅
Performans

Change detection ve OnPush ile gereksiz render'ı azaltır, Signals ve trackBy ile uygulamanın tepkiselliğini artırırsınız.

✅
Durum yönetimi

Servis tabanlı durumdan NgRx'e kadar farklı yaklaşımları kavrar, uygulamanın ölçeğine uygun mimariyi seçersiniz.

✅
Test ve yayın

Bileşen ve servisleri test eder, üretim derlemesi alır ve uygulamayı optimize ederek sunucuya yayınlayabilirsiniz.

Kimler İçin Uygundur?

  • Angular'ı sıfırdan öğrenmek isteyen ön yüz geliştiricileri
  • başka framework'ten geçiş yapanlar
  • temel bilgisini ileri mimari ve yayın süreçlerine taşımak isteyen yazılımcılar ile öğrenciler için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Angular'ı sıfırdan öğrenmek isteyen ön yüz geliştiricileri, başka framework'ten geçiş yapanlar ve temel bilgisini ileri mimariye taşımak isteyen yazılımcılar ile öğrenciler için uygundur. HTML, CSS ve temel JavaScript bilgisi yeterlidir; TypeScript deneyimi şart değildir.
Hem temel hem ileri konular var mı?
Evet, program tek akışta temelden ileriye ilerler: ilk günler bileşen, bağlama, servis, routing ve formları; son gün change detection, OnPush, NgRx ile durum yönetimi, test ve yayın gibi ileri konuları kapsar. Böylece hem yeni başlayanlar hem de bilgisini derinleştirmek isteyenler yararlanır.
TypeScript bilmem gerekir mi?
TypeScript deneyimi şart değildir. Tip, sınıf ve arayüz gibi gerekli TypeScript kavramları eğitimin başında işlenir. Temel JavaScript bilgisi bu kavramları hızla kavramak için yeterlidir.
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. Tek bir örnek uygulama temelden ileriye katman katman geliştirilir. Yüz yüze veya online yapılabilir ve kurumun 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ştirilen örnek uygulamayı belgeler; kurumsal gruplara özel uyarlama yapılabilir.

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. Temel ve İleri Seviye Angular Eğitimi Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

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

Bu Eğitimle Birlikte Tercih Edilenler

AngularAngular Development: Material & Elements Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Angular Development: Material & Elements Eğitimi

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

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

Angular Development: Reactive Programming Eğitimi

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

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 →
AngularAngular Development: Testing & TDD Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Angular Development: Testing & TDD Eğitimi

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

Jasmine, TestBed, bileşen ve servis testi, HttpTestingController, marble testi ve Cypress e2e ile test odaklı Angular geliştirmeyi öğreten uygulamalı eğitim.

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

Angular Gelişmiş Eğitimi

3 günİleriOnline / Yüz Yüze / Hibrit

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

Angular Temel Kavramlar Eğitimi

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

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 →
AngularAngular with Type Script Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Angular with Type Script Eğitimi

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

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 →
+90 (501) 369 40 14 WhatsApp [email protected] LinkedIn