Details
Diğer Eğitimler

Eğitim Hakkında

Angular, geliştiricilerin her isteğine yanıt olarak yeni bir sayfa oluşturmak zorunda kalmadan, geçerli sayfanın bölümlerini yeniden yazan dinamik, yanıt veren tek sayfalı web uygulamalarını kolayca oluşturmalarına olanak tanır.

Digital Vizyon Akademi'nin Angular'a Giriş Eğitimi, katılımcılara ES6, TypeScript ve npm ve Webpack kullanarak uygulamaların nasıl oluşturulacağını öğretir.

Neler Öğreneceksiniz

• Tek sayfalı web uygulama mimarilerinin, geleneksel web uygulama mimarilerinden ne kadar farklı olduğunu,

• Sınıflar, Modüller ve Ok İşlevleri dahil yeni JavaScript (ES6) dil özelliklerini kullanmayı,

• Türler, Dekoratörler, Arayüzler dahil olmak üzere yeni TypeScript dil özelliklerini kullanmayı,

• Proje düzeni ve kapsayıcı ve sunum bileşenlerini kullanma dahil en iyi açısal kodlama ve mimari uygulamaları,

• Verileri yüklemek ve kaydetmek için Angular'ın Http, Client özelliğini kullanarak bir arka uç sunucusuyla iletişim kurmayı,

• Daha hızlı ve daha küçük yapılar için yeni Angular derleyici IVY'den yararlanmayı öğrenebilirsiniz.

Eğitim İçeriği

TypeScript ve ECMAScript 6 (ES6) Temelleri
TypeScript Kurulum, Yapılandırma ve Derleme
Tip Açıklamaları
Sınıflar
Let, var ve const Anahtar Kelimeleri kullanarak kapsam belirleme
Ok İşlevleri
ES Modülleri
Dekoratörler
Şablon Değişmezleri
Yayılmış Sözdizimi ve Dinlenme Parametreleri
Şeklini bozma

Angular Overview
Angular kullanarak Yapı Oluşturmanın Faydaları
Açısal Sürümleri Anlamak
Tek sayfalı Web Uygulama Mimarileri ve Geleneksel Sunucu Tarafı Web Uygulama Mimarileri
Açısal Stil Kılavuzu
Açısal Mimari
Diğer JavaScript Kitaplıkları ve Çerçeveleri ile Karşılaştırıldığında Açısal (React, VueJS, vb.)
İlk Açısal Uygulamanız

Bileşenler
Bileşenleri Anlamak
Bileşen Özellikleri ve Yöntemleri
Şablonlar: Bileşene Bağlı Yollarla Satır İçi, Çok Satırlı ve Harici

Angular Modüller (NgModule)
Angular Modüller ve ES Modülleri
Kodunuzu Özellik Modülleri halinde düzenleme

Proje Kurulumu (Angular CLI kullanarak)
Angular CLI Özellikleri

Yeni Bir Proje Oluşturma (yeni CLI İstemleri ile)
Kod Oluşturuluyor
Angular CLI'yi özelleştirme

Data Binding
İnterpolasyon
Property binding
Olay bağlama
İki yönlü veri bağlama

Direktifler
Yapısal: ngFor, ngIf, ngSwitch
Özellik: ngClass, ngStyle

Pipes
Built-in Pipes: Using, Passing Parameters, Chaining

Gelişmiş Bileşenler
@Input, @Output kullanarak Bileşen İletişimi
Bileşen Mimarisi
Bileşen Stilleri
Bileşen Yaşam Döngüsü Kancaları
UI Bileşen Çerçevelerini ve Kitaplıklarını Değerlendirme
Hizmetler ve Bağımlılık Enjeksiyonu
Verilere erişmek için bir hizmet kullanma
İş mantığını özetlemek için bir hizmet kullanma
Hizmetlerin kapsamını anlamak

Dependency Injection
Understanding Dependency Injection
Angular’s Dependency Injection System
Kayıt
Injecting

Modele Dayalı Formlar (Reaktif Formlar)
ReactiveFormsModule'ü İçe Aktarma
FormControl, FormGroup ve AbstractControl
DOM Öğelerini FormGroups ve FormControls'e Bağlama
Doğrulama Kuralları, Mesajları ve Stiller
Reaktif Formların Yeniden Kullanım için Yeniden Düzenlenmesi
Özel Doğrulayıcılar

HttpClient Hizmetini kullanarak Sunucu ile iletişim kurma
Vaatler veya Gözlemlenebilirler (RxJS) Arasında Karar Verme
HTTP GET İsteği Oluşturma
Http POST ve PUT İsteklerini kullanarak sunucuya veri gönderme
HTTP SİLME İsteği yayınlama
İstekleri ve Yanıtları Yakalama

Router
RouterModule'u İçe Aktarma
Rotaları Yapılandırma
Bir RouterOutlet kullanarak Bileşenleri Görüntüleme
RouterLink ile bildirimsel olarak gezinme
Yönlendiriciyi kullanarak kodla gezinme
ActivatedRoute kullanarak parametrelere erişim

Üretime Açısal Bir Uygulama Dağıtma
Angular CLI kullanarak bir uygulama oluşturma
Diferansiyel yükleme: modern bir yapı (ES2015) ve eski bir yapı (ES5) oluşturma
Bir web sunucusuna dağıtım

Ivy: Yeni Nesil Derleme ve İşleme Hattı
Ivy'yi Anlamak
Ivy Golleri
Ivy Avantajları ve Mevcut Durum
Ivy Bundle Boyutları

Diğer Eğitimler

Digital Vizyon
455 Eğitim Seti
Eğitimlere Dön