ANGULAR EĞİTİMİ

Modern Angular ile uçtan uca web uygulaması

Bileşen, servis, RxJS, yönlendirme, Reactive Forms ve HttpClient ile modern Angular uygulaması

Angular Eğitimi, Google destekli Angular çatısıyla modern web uygulamaları geliştirmeyi uçtan uca öğretir. Program bileşen mimarisi, şablon söz dizimi ve veri bağlama ile başlar; servisler ve bağımlılık enjeksiyonu, RxJS ile veri akışı ve Angular Router ile g…

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

Eğitim Hakkında

Bileşen mimarisinden servislere, RxJS ve yönlendirmeden API entegrasyonuna kadar modern Angular

Angular Eğitimi, Google destekli Angular çatısıyla kurumsal ölçekte web uygulamaları geliştirmeyi uçtan uca öğretir. Katılımcılar bileşen mimarisini, şablon söz dizimini, veri bağlamayı ve bileşenler arası iletişimi öğrenir. Servisler ve bağımlılık enjeksiyonu, RxJS ile veri akışı, Angular Router ile gezinme, Reactive Forms ile doğrulama ve HttpClient ile API entegrasyonu işlenir. Program; signals, performans ve test ile modern pratiği tamamlar.

Süre ve Format

3 Gün. Her gün dört modül; tek bir Angular uygulaması bileşenlerden servis, yönlendirme ve API entegrasyonuna doğru geliştirilir.

Seviye

Orta Seviye — bileşen, servis, RxJS ve yönlendirmeyle uçtan uca modern Angular uygulaması geliştirme

Öğrenme Metodu

Gerçek bir Angular uygulaması üç gün boyunca adım adım geliştirilir; her modülde yeni bir bileşen, servis veya yetenek projeye eklenir.

Neden Bu Eğitim?

🅰️Kurumsal standart

Angular'ın kapsamlı ve görüş birliğine dayalı yapısıyla büyük ekiplerde tutarlı, bakımı kolay uygulamalar geliştirmeyi öğrenirsiniz.

🔄Güçlü reaktiflik

RxJS ve signals ile veri akışını ve kullanıcı etkileşimini reaktif biçimde yöneterek akıcı arayüzler kurarsınız.

🧰Her şey dahil

Yönlendirme, form, HTTP ve test gibi ihtiyaçların Angular ekosisteminde hazır gelmesiyle verimli bir geliştirme akışı elde edersiniz.

Anahtar Konular

angular eğitimiangular kursuangular dersleritypescript angularrxjs eğitimispa geliştirme eğitimiangular routerreactive formsangular signalsmodern web geliştirme eğitimi
“Angular yalnızca bir çatı değil, büyük ekiplerin aynı dili konuşmasını sağlayan bir disiplindir; bu eğitim o dili öğretir.”

Ön Koşullar

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

1
Web temelleri

HTML, CSS ve DOM kavramlarına temel düzeyde aşinalık, Angular bileşenlerini anlamayı kolaylaştırır.

2
JavaScript bilgisi

Fonksiyon, dizi, nesne ve ES6 söz dizimine aşinalık beklenir; TypeScript eğitimde ele alınır.

3
Node ve Angular CLI

Node.js ve Angular CLI'nin kurulu, projenin oluşturulup tarayıcıda çalışabilir olması gerekir.

4
Kod editörü

VS Code gibi bir editör ve Angular Language Service eklentisi geliştirme deneyimini iyileştirir.

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ı ve TypeScript temellerini kavrar, bileşen ve şablon ilişkisini öğrenir ve veri bağlama ile bileşenler arası iletişimi uygular.
Modül 1
Proje Yapısı ve TypeScript
  • Angular CLI ile proje oluşturma ve çalıştırma
  • Dosya yapısı ve yapılandırma dosyaları
  • TypeScript tip, arayüz ve sınıf temelleri
  • Dekoratörler ve metadata kavramı
  • Modül ve standalone bileşen yaklaşımı
  • Geliştirme sunucusu ve canlı yenileme
Modül 2
Bileşen ve Şablon
  • Bileşen sınıfı, şablon ve stil ilişkisi
  • İç içe bileşen ağacı ve kompozisyon
  • Şablon ifadeleri ve referans değişkenleri
  • Bileşen yaşam döngüsü kancaları
  • ViewEncapsulation ile stil kapsamı
  • Bileşenlerin yeniden kullanılabilir tasarımı
Modül 3
Veri Bağlama Türleri
  • İnterpolasyon ile metin bağlama
  • Property binding ile öznitelik bağlama
  • Event binding ile olay dinleme
  • İki yönlü bağlama ve ngModel kullanımı
  • Sınıf ve stil bağlama ile dinamik görünüm
  • Bağlama türlerinin doğru seçilmesi
Modül 4
Yönergeler ve Pipe
  • ngIf ile koşullu içerik gösterimi
  • ngFor ile liste oluşturma ve trackBy
  • ngSwitch ile çoklu durum yönetimi
  • Yeni @if ve @for kontrol akış söz dizimi
  • Hazır pipe'lar ile veri biçimlendirme
  • Özel pipe ve attribute directive yazımı
Günün hedefiKatılımcı servis ve bağımlılık enjeksiyonu ile iş mantığını ayırır, RxJS ile veri akışını yönetir ve Angular Router ile çok sayfalı gezinme kurar.
Modül 1
Servisler ve Bağımlılık
  • Injectable servis ile iş mantığının ayrılması
  • Bağımlılık enjeksiyonu ve sağlayıcı kavramı
  • providedIn ile servis kapsamı yönetimi
  • Singleton servis ile paylaşılan durum
  • inject fonksiyonu ile modern enjeksiyon
  • Servislerin test edilebilir tasarımı
Modül 2
RxJS ve Observable
  • Observable, subscribe ve akan veri kavramı
  • map, filter ve tap operatörleri
  • switchMap ve mergeMap ile iç akışlar
  • Subject ve BehaviorSubject ile durum
  • async pipe ile şablonda abonelik
  • Abonelik temizliği ve bellek yönetimi
Modül 3
Angular Router ile Gezinme
  • Rota tanımı ve router-outlet kullanımı
  • routerLink ile gezinme ve aktif stil
  • Parametreli ve sorgu parametreli rotalar
  • Lazy loading ile modül bazlı yükleme
  • Route guard ile erişim kontrolü
  • Resolver ile rota öncesi veri hazırlığı
Modül 4
Bileşen İletişimi
  • Input ile üst bileşenden veri aktarımı
  • Output ve EventEmitter ile olay yayma
  • ViewChild ile alt bileşene erişim
  • Servis üzerinden bileşen iletişimi
  • İçerik yerleştirme (ng-content) kullanımı
  • Durum paylaşımının organizasyonu
Günün hedefiKatılımcı Reactive Forms ile form ve doğrulama kurar, HttpClient ile API'ye bağlanır, signals ile reaktif durum yönetir ve uygulamayı test edip derler.
Modül 1
Reactive Forms ve Doğrulama
  • FormGroup ve FormControl ile form kurulumu
  • Senkron ve asenkron doğrulayıcılar
  • Hata mesajlarının kullanıcıya gösterimi
  • FormBuilder ile kısa yoldan form tanımı
  • Dinamik form alanları ve FormArray
  • Form durumu ve gönderim yönetimi
Modül 2
HttpClient ile API
  • HttpClient ile GET ve POST istekleri
  • TypeScript arayüzüyle yanıt tipleme
  • HTTP interceptor ile başlık ve token ekleme
  • Hata yönetimi ve yeniden deneme
  • Ortam bazlı API adresi yapılandırması
  • Yükleniyor durumunun arayüze yansıtılması
Modül 3
Signals ve Reaktiflik
  • signal ile reaktif durum tanımı
  • computed ile türetilmiş değerler
  • effect ile yan etkilerin yönetimi
  • Signal ve RxJS birlikte kullanımı
  • Değişiklik denetim stratejisine etkisi
  • Modern reaktif yaklaşımın avantajları
Modül 4
Test ve Derleme Adımları
  • Jasmine ve Karma ile birim test
  • Bileşen ve servis testinin yazılması
  • HttpTestingController ile HTTP testi
  • Üretim derlemesi ve ortam ayarları
  • Paket boyutu ve optimizasyon ipuçları
  • Statik barındırmaya dağıtım adımları

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Bileşen mimarisi

Bileşen, şablon ve veri bağlama ile yeniden kullanılabilir ve bakımı kolay bir Angular arayüzü kurabilirsiniz.

✅
Servis ve DI

Servisler ve bağımlılık enjeksiyonuyla iş mantığını bileşenlerden ayırır, düzenli bir uygulama yapısı kurarsınız.

✅
RxJS akışı

Observable ve operatörlerle veri akışını yönetir, async pipe ile şablona verimli biçimde bağlarsınız.

✅
Yönlendirme

Angular Router ile çok sayfalı gezinme, lazy loading, guard ve resolver kullanmayı öğrenirsiniz.

✅
Form yönetimi

Reactive Forms ile karmaşık formlar oluşturur, senkron ve asenkron doğrulamayı uygularsınız.

✅
API entegrasyonu

HttpClient ve interceptor ile uzak API'den veri çeker, hata ve kimlik doğrulamayı yönetirsiniz.

✅
Signals ile durum

Signals ile ince taneli reaktif durum yönetimini öğrenir, RxJS ile birlikte etkili biçimde kullanırsınız.

✅
Test ve yayın

Jasmine ve Karma ile test yazar, uygulamayı üretim için derleyip statik barındırmaya dağıtabilirsiniz.

Kimler İçin Uygundur?

  • HTML
  • CSS ve JavaScript bilgisi olup Angular öğrenmek isteyen geliştiriciler
  • tek sayfa uygulama (SPA) geliştirmek isteyen yazılımcılar
  • ekip olarak Angular'a geçmek isteyen kurumlar için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
HTML, CSS ve JavaScript bilgisi olup Angular öğrenmek isteyen geliştiriciler, tek sayfa uygulama (SPA) geliştirmek isteyen yazılımcılar ve ekip olarak Angular'a geçmek isteyen kurumlar için uygundur. TypeScript bilmek şart değildir; temelleri eğitimde ele alınır.
Angular mı React mı, bu eğitim neden Angular?
Angular, yönlendirme, form, HTTP ve test gibi ihtiyaçları hazır sunan, görüş birliğine dayalı kapsamlı bir çatıdır ve büyük ekiplerde tutarlılık sağlar. Bu eğitim kurumsal projelerde yaygın tercih edilen Angular'ı uçtan uca, gerçek bir uygulama geliştirerek öğretmeye odaklanır.
Eğitimde signals işleniyor mu?
Evet. Angular'ın modern reaktiflik modeli olan signals; signal, computed ve effect ile uygulamalı olarak gösterilir. Ayrıca signals ile RxJS'in birlikte nasıl kullanılacağı ve değişiklik denetimine etkisi örnek uygulama üzerinde ele alınır.
Eğitimin süresi ve formatı nedir?
Eğitim üç gün sürer ve her gün dört modülden oluşur. Tek bir Angular uygulaması bileşenlerden servise, yönlendirmeden API entegrasyonuna doğru adım adım geliştirilir. Yüz yüze veya online yapılabilir ve içerik kurumun ihtiyaç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 geliştirilen örnek Angular uygulamasını 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. Angular Eğitimi Sertifika Kodu DV-2026XX00 Tarih 15.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 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