ANGULAR GİRİŞ EĞİTİMİ

Angular'a sağlam bir başlangıç yapın

Angular CLI, bileşenler, şablon söz dizimi ve veri bağlama ile ilk Angular uygulamanız

Angular Giriş Eğitimi, daha önce Angular deneyimi olmayan geliştiricilere çatının temel kavramlarını sıfırdan öğretir. Program Angular CLI ile proje oluşturma, proje yapısı, ilk bileşen ve TypeScript temelleriyle başlar.

2 gün Başlangıç Seviye Online / Yüz Yüze / Hibrit Sertifikalı

Eğitim Hakkında

Kurulumdan ilk bileşene, veri bağlamadan basit servislere Angular'a giriş

Angular Giriş Eğitimi, daha önce Angular deneyimi olmayan geliştiricilere çatının temel kavramlarını sıfırdan öğretir. Katılımcılar Angular CLI ile proje oluşturmayı, bileşen ve şablon ilişkisini ve TypeScript temellerini öğrenir. İnterpolasyon, property ve event binding, iki yönlü bağlama, ngIf ve ngFor gibi temel yönergeler işlenir. Program; basit servisler, bağımlılık enjeksiyonu ve tek bir örnek uygulamayla ilk adımları sağlamlaştırır.

Süre ve Format

2 Gün. Her gün dört modül; basit bir Angular uygulaması kurulumdan ilk bileşen ve servise kadar adım adım geliştirilir.

Seviye

Başlangıç Seviyesi — Angular'a ilk adım; CLI, bileşen, şablon ve veri bağlama temelleri

Öğrenme Metodu

Küçük bir Angular uygulaması iki gün boyunca sıfırdan geliştirilir; her modülde yeni bir temel kavram uygulamalı örnekle pekiştirilir.

Neden Bu Eğitim?

🌱Doğru başlangıç

Angular'ı temel kavramlarından başlayarak öğrenir, sonraki ileri konular için sağlam ve kafa karışıklığı olmayan bir zemin kurarsınız.

⚡Hızlı CLI akışı

Angular CLI ile proje oluşturma, bileşen üretme ve çalıştırmayı öğrenerek daha ilk günden çalışan bir uygulama elde edersiniz.

🧩Bileşen düşüncesi

Arayüzü yeniden kullanılabilir bileşenlere bölme düşüncesini kavrayarak modern ön yüz geliştirmenin mantığını edinirsiniz.

Anahtar Konular

angular giriş eğitimiangular yeni başlayanlarangular temel eğitimangular cliangular öğrenangular başlangıç kursuön yüz geliştirme eğitimiangular dersleritypescript temelleriangular bileşen
“Her büyük Angular uygulaması tek bir bileşenle başlar; bu eğitim o ilk adımı sağlam ve özgüvenli atmanızı sağlar.”

Ön Koşullar

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

1
Temel HTML ve CSS

Etiketler, sınıflar ve basit stiller düzeyinde HTML ve CSS bilgisi, şablonları anlamayı kolaylaştırır.

2
JavaScript aşinalığı

Değişken, fonksiyon ve dizi gibi temel JavaScript kavramlarına aşinalık beklenir.

3
Node ve Angular CLI

Node.js ve Angular CLI'nin kurulu, basit bir projenin oluşturulabilir olması gerekir.

4
Kod editörü

VS Code gibi bir editörün kurulu olması uygulamalı çalışma için yeterlidir.

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 CLI ile proje oluşturur, proje yapısını tanır, ilk bileşenini yazar ve şablon ile sınıf arasındaki ilişkiyi kavrar.
Modül 1
Angular ve Kurulum
  • Angular nedir ve ne işe yarıyor
  • SPA ve bileşen tabanlı yaklaşım mantığı
  • Node.js ve Angular CLI kurulumu
  • ng new ile ilk projenin oluşturulması
  • ng serve ile uygulamayı çalıştırma
  • Tarayıcıda canlı yenileme döngüsü
Modül 2
Proje Yapısı ve Dosyalar
  • src ve app klasörlerinin içeriği
  • main.ts ve uygulama başlangıcı
  • Bileşen dosyalarının yapısı ve rolü
  • angular.json ve temel yapılandırma
  • package.json ve proje bağımlılıkları
  • Varlık (asset) ve stil dosyaları
Modül 3
İlk Bileşenin Yazımı
  • ng generate ile bileşen üretme
  • Component dekoratörü ve selector
  • Şablon, stil ve sınıf dosyası ilişkisi
  • Bileşenin sayfaya yerleştirilmesi
  • Sınıf içinde özellik ve metot tanımı
  • Bileşenlerin iç içe kullanılması
Modül 4
TypeScript Temelleri
  • Değişken tanımı ve temel tipler
  • Fonksiyon ve parametre tipleri
  • Arayüz (interface) ile veri modeli
  • Sınıf ve nesne kavramının temeli
  • Dizi ve nesne üzerinde çalışma
  • Tip güvenliğinin sağladığı faydalar
Günün hedefiKatılımcı veri bağlamanın tüm türlerini kullanır, ngIf ve ngFor ile dinamik içerik üretir ve basit bir servis ile bileşenler arasında veri paylaşır.
Modül 1
Veri Bağlama Türleri
  • İnterpolasyon ile metin gösterimi
  • Property binding ile öznitelik bağlama
  • Event binding ile tıklama dinleme
  • İki yönlü bağlama ve ngModel kullanımı
  • Sınıf ve stil bağlama ile dinamik görünüm
  • Duruma göre doğru bağlama türü seçme
Modül 2
Yapısal Yönergeler
  • ngIf ile koşullu içerik gösterimi
  • ngFor ile listeden eleman üretme
  • ngClass ile koşullu sınıf uygulama
  • ngStyle ile dinamik satır içi stil
  • Yeni @if ve @for söz dizimine bakış
  • Yönergelerin birlikte kullanımı
Modül 3
Olaylar ve Form Girişi
  • Kullanıcı tıklama ve giriş olayları
  • Olay nesnesi ve girilen değeri okuma
  • Basit form girdilerinin işlenmesi
  • ngModel ile iki yönlü form bağlama
  • Girdi doğrulama mantığına giriş
  • Kullanıcı etkileşimine tepki verme
Modül 4
Basit Servisler ve DI
  • Servis nedir ve neden kullanılır
  • ng generate service ile servis üretme
  • Injectable ve providedIn kavramı
  • Bileşene servisin enjekte edilmesi
  • Servis üzerinden veri paylaşımı
  • İş mantığını bileşenden ayırma

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
CLI kullanımı

Angular CLI ile proje oluşturabilir, bileşen ve servis üretebilir ve uygulamayı tarayıcıda çalıştırabilirsiniz.

✅
Proje yapısı

Bir Angular projesinin dosya ve klasör yapısını tanır, hangi dosyanın ne işe yaradığını anlarsınız.

✅
Bileşen yazımı

Kendi bileşenlerinizi yazar, şablon ve sınıf ilişkisini kurar ve bileşenleri iç içe kullanabilirsiniz.

✅
TypeScript temeli

Tip, arayüz ve sınıf gibi temel TypeScript kavramlarını Angular bağlamında kullanabilirsiniz.

✅
Veri bağlama

İnterpolasyon, property, event ve iki yönlü bağlamayı doğru biçimde kullanarak dinamik arayüzler kurarsınız.

✅
Yönergeler

ngIf ve ngFor gibi yapısal yönergelerle koşullu ve tekrarlı içerik üretebilirsiniz.

✅
Etkileşim

Kullanıcı olaylarını dinler, form girdilerini işler ve arayüzün etkileşime tepki vermesini sağlarsınız.

✅
Basit servisler

Basit bir servis yazar, bağımlılık enjeksiyonu ile bileşene bağlar ve veriyi paylaşabilirsiniz.

Kimler İçin Uygundur?

  • Angular'a yeni başlayan geliştiriciler
  • başka bir çatıdan Angular'a geçmek isteyen yazılımcılar
  • modern ön yüz geliştirmeyi temelden öğrenmek isteyen öğrenciler için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Angular'a yeni başlayan geliştiriciler, başka bir çatıdan Angular'a geçmek isteyen yazılımcılar ve modern ön yüz geliştirmeyi temelden öğrenmek isteyen öğrenciler için uygundur. Temel HTML, CSS ve JavaScript aşinalığı yeterlidir; önceden Angular bilmek gerekmez.
TypeScript bilmeden bu eğitime başlayabilir miyim?
Evet. Eğitim TypeScript'in Angular için gereken temel konularını, tip ve arayüzlerden sınıflara kadar baştan ele alır. Temel JavaScript aşinalığı olan bir katılımcı, TypeScript'i eğitim boyunca örnekler üzerinde rahatça öğrenebilir.
Eğitimin süresi ve formatı nedir?
Eğitim iki gün sürer ve her gün dört modülden oluşur. Küçük bir Angular uygulaması kurulumdan ilk bileşene ve basit servislere kadar adım adım geliştirilir. Yüz yüze veya online yapılabilir ve içerik katılımcı seviyesine göre uyarlanabilir.
Bu eğitimden sonra hangi eğitimi almalıyım?
Giriş eğitiminin ardından servisler, RxJS, yönlendirme, Reactive Forms ve HttpClient gibi konuları kapsayan orta seviye Angular eğitimiyle devam etmek doğal bir ilerlemedir. Böylece temel kavramların üzerine uçtan uca uygulama geliştirme eklenir.
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 ilk ö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 Giriş Eğitimi Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

Süre2 gün
SeviyeBaşlangıç Seviye
FormatOnline / Yüz Yüze / Hibrit
Sertifika✓ Var
Hemen Bilgi Al
İlgili Eğitimler

Bu Eğitimle Birlikte Tercih Edilenler

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

Angular : Working With Nested Components Eğitimi

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

Angular'da iç içe bileşenler, @Input, @Output, ng-content, ViewChild ve OnPush ile ölçeklenebilir arayüz kurmayı öğreten uygulamalı kurumsal eğitim.

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

Angular and New Features Eğitimi

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

Modern Angular: standalone bileşen, signals, yeni control flow, @defer, SSR hidrasyon ve zoneless geçişi öğreten uygulamalı kurumsal eğitim.

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

Angular Architecture Workshop Eğitimi

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

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