LUMIFY WORK Angular 12 Programlama

NEDEN BU DERS ÇALIŞMALISINIZ?

Bu kapsamlı Angular 12 Programlama kursu, Angular'a giriş ve ardından TypeScript, bileşenler, yönergeler, hizmetler, HTTP İstemcisi, test etme ve hata ayıklamayı içeren teorik öğrenme ve uygulamalı laboratuvarların bir birleşimidir.
Kurs, işinize hemen uygulayabileceğiniz yararlı ve uygulanabilir bilgilerle doludur. Tek sayfalı tarayıcı uygulamaları, duyarlı uygulamalar gibi temel Angular 12 geliştirmenin temellerini öğrenin websiteler ve hibrit mobil uygulamalar.
Not: Angular'ın diğer versiyonları hakkında da eğitim verebiliriz. Bir soruşturma yapmak veya ilginizi kaydetmek için lütfen bizimle iletişime geçin.

NE ÖĞRENECEKSİNİZ
Bu kursu başarıyla tamamladıktan sonra şunları yapabileceksiniz:

• TypeScript kullanarak tek sayfalı Angular uygulamalar geliştirin
• Eksiksiz bir Angular geliştirme ortamı kurun
• Bileşenler, Direktifler, Hizmetler, Borular, Formlar ve Özel Doğrulayıcılar Oluşturun
• Gözlemlenebilirleri REST'ten tüketen verileri kullanarak gelişmiş ağ veri alma görevlerini gerçekleştirin web Angular HT TP İstemcisini kullanan hizmetler WebSoket protokolü
• Verileri biçimlendirmek için Açısal Borularla çalışın
• Gelişmiş Angular Bileşen Yönlendirici özelliklerini kullanın
• Yerleşik araçları kullanarak Angular uygulamalarını test edin ve hata ayıklayın.

DERS KONULARI

Bölüm 1. Angular'a Giriş

• Angular Nedir?
• Açısal Çerçevenin Temel Özellikleri Uygun Kullanım Durumları
• Açısal Bir Uygulamanın Yapı Taşları Açısal Bir Uygulamanın Temel Mimarisi Angular'ı Yükleme ve Kullanma
• Uygulamayı Çalıştıran Açısal Bir Uygulamanın Anatomisi
• Yerel Mobil Uygulamalar için Application Angular'ı Oluşturma ve Dağıtma
• Özet

Bölüm 2. TypeScript'e Giriş

• Angular TypeScript Söz Dizimi ile Kullanılacak Programlama Dilleri
• Programlama Editörleri
• Tip Sistemi – Değişkenlerin Tanımlanması
• Tip Sistemi – Dizileri Tanımlama
• Temel İlkel Türler
• İşlevleri Yazın
• Tür Çıkarımı
• Sınıfları Tanımlama
• Sınıf Yöntemleri
• Görünürlük Kontrolü
• Sınıf Oluşturucuları
• Sınıf Oluşturucuları – Alternatif Form Başlatılmamış Alanlar
• Arayüzler
• ES6 Modülleriyle Çalışmak
• var vs let
• Ok İşlevleri
• Ok İşlev Kompakt Sözdizimi Şablon Dizeleri
• Sınıftaki Jenerikler
• Fonksiyondaki Jenerikler
• Özet

Bölüm 3. Bileşenler

• Bileşen nedir?
• Eskiample Bileşeni
• Angular CLI Kullanarak Bileşen Oluşturma
• Bileşen Sınıfı
• @Component Dekoratörü
• Bir Bileşeni Modül Bileşen Şablonuna Kaydetme
• Exampdosya: HelloComponent Şablonu
• Example: Bir Bileşen Kullanan HelloComponent Sınıfı
• Uygulamayı Çalıştır
• Bileşen Hiyerarşisi
• Uygulama Kök Bileşeni
• Önyükleme File
• Bileşen Yaşam Döngüsü Kancaları ExampYaşam Döngüsü Kancaları
• CSS Stilleri
• Özet

Bölüm 4. Bileşen Şablonları

• Şablonlar
• Şablon Konumu
• Bıyık {{ }} Söz Dizimi
• DOM Öğesi Özelliklerini Ayarlama
• Ayar Öğesi Gövde Metni
• Olay Bağlama
• İfade Olay İşleyicisi
• Varsayılan İşlemeyi Engelle
• Nitelik Yönergeleri
• CSS Sınıflarını Değiştirerek Stilleri Uygulayın
• Exampdosya: ngClass
• Stilleri Doğrudan Uygulama
• Yapısal Direktifler
• Şablonu Koşullu Olarak Yürüt
• Example: ngIf
• NgFor Kullanarak Döngü Oluşturma
• ngYerel Değişkenler İçin
• Collection Ex'i Yönetmekample – Bir Öğeyi Silmek
• ngFor ile Öğe Takibi ngSwitch Gruplama Öğeleri ile Öğeleri Değiştirme
• Şablon Referans Değişkeni Özeti

Bölüm 5. Bileşenler Arası İletişim

• İletişim Temelleri
• Veri Akışı Mimarisi
• Çocuğu Veri Almaya Hazırlamak
• Ebeveynden Veri Gönder
• Özellikleri Ayarlama Hakkında Daha Fazla Bilgi
• Bir Bileşenden Olayı Başlatma
• @Output() Örn.ample – Alt Bileşen @Output() Example – Ana Bileşen
• Tam İki Yönlü Ciltleme
• Parent'te İki Yönlü Veri Bağlamayı Ayarlama
• Özet

Bölüm 6. Şablon Odaklı Formlar

• Şablon Odaklı Formlar
• Formlar Modülünü İçe Aktarma
• Temel Yaklaşım
• Form Ayarlama
• Kullanıcı Girişi Alma
• ngForm Özelliğini Atlama
• Formu Başlat
• İki Yönlü Veri Bağlama
• Form Doğrulama
• Açısal Doğrulayıcılar
• Sınıfları Ek Giriş Türlerini Kullanarak Doğrulama Durumunu Görüntüleme
• Onay kutuları
• (Aşağıya Açılan) Alanları Seçin
• Seç (Açılır) Tarih alanları için İşleme Seçenekleri
• Radyo Düğmeleri
• Özet

Bölüm 7. Reaktif Formlar

• Reaktif Formlar Bittiview
• Yapı Taşları
• ReactiveFormsModule'u İçe Aktar
• Form Oluştur
• Şablonu Tasarlayın
• Giriş Değerlerini Alma
• Giriş Alanlarını Başlatma
• Form Değerlerini Ayarlama
• Giriş Değişikliklerine Abone Olma
• Doğrulama
• Yerleşik Doğrulayıcılar
• Doğrulama Hatası Gösteriliyor
• Özel Doğrulayıcı
• Özel Doğrulayıcı Kullanma
• Özel Doğrulayıcıya Yapılandırma Sağlama
• FormArray – Dinamik Olarak Giriş Ekleme
• FormArray – Bileşen Sınıfı
• FormArray – Şablon
• FormArray – Değerler
• Alt FormGroups – Bileşen Sınıfı
• Alt FormGrupları – HTML Şablonu
• Neden Sub FormGroups Kullanılmalı?
• Özet

Bölüm 8. Hizmetler ve Bağımlılık Ekleme

• Hizmet Nedir?
• Temel Hizmet Oluşturma
• Hizmet Sınıfı
• Bağımlılık Enjeksiyonu Nedir?
• Hizmet Örneğini Ekleme
• enjektörler
• Enjektör Hiyerarşisi
• Bir Hizmetin Kök Enjektörle Kaydedilmesi
• Bir Bileşenin Enjektörüyle Hizmetin Kaydedilmesi
• Özellik Modülü Enjektörüyle Hizmet Kaydetme
• Hizmet Nereye Kaydedilir?
• Alternatif Uygulama Bağımlılığı Enjeksiyonu ve @Host Sağlayan Diğer Yapılarda Bağımlılık Enjeksiyonu
• Bağımlılık Enjeksiyonu ve @Optional
• Özet

Bölüm 9. HTTP İstemcisi

• Açısal HTTP İstemcisi
• Http İstemcisini Kullanmak – Bittiview
• HttpClientModule'u İçe Aktarma
• HttpClient Kullanan Hizmet
• GET İsteği Yapma
• Gözlemlenebilir Nesne ne işe yarar?
• Hizmeti bir Bileşende Kullanmak
• PeopleService İstemci Bileşeni Hata İşleme
• Hata Nesnesini Özelleştirme
• POST İsteği Yapma
• PUT İsteği Yapmak
• SİLME İsteği Yapma

Bölüm 10. Borular ve Veri Formatlama

• Borular Nedir?
• Dahili Borular
• HTML Şablonu Zincirleme Borularında Boruları Kullanma
• Uluslararasılaştırılmış Borular (i18n) Yerel Ayar Verilerini Yükleme
• Tarih Borusu
• Boru numarası
• Döviz Borusu
• Özel Boru Oluşturun
• Özel Boru Example
• Özel Boruları Kullanma
• NgFor ile Boru Kullanmak
• Bir Filtre Borusu
• Boru Kategorisi: Saf ve Saf Olmayan
• Özet
• Saf Boru Example
• Saf Olmayan Boru Example
• Özet

Bölüm 11. Tek Sayfa Uygulamalarına Giriş

• Geleneksel Tek Sayfa Uygulaması (SPA) Nedir? Web Başvuru
• SPA İş Akışı
• Tek Sayfa Uygulama Avantajıtages HTML5 Geçmiş API'si
• SPA Zorlukları
• Açısal Özet Kullanarak SPA'nın Uygulanması

Bölüm 12. Açısal Bileşen Yönlendirici

• Bileşen Yönlendirici
• View Navigasyon
• Açısal Yönlendirici API'si
• Yönlendirici Etkinleştirilmiş Uygulama Oluşturma
• Yönlendirilmiş Bileşenleri Barındırma
• Bağlantıları ve Düğmeleri Kullanarak Gezinme
• Programatik Gezinme
• Rota Parametrelerini Geçme
• Rota Parametreleriyle Gezinme
• Rota Parametre Değerlerinin Alınması
• Rota Parametresini Eşzamanlı Olarak Alma
• Rota Parametresini Eşzamansız Olarak Alma
• Sorgu Parametreleri
• Sorgu Parametrelerini Sağlama
• Sorgu Parametrelerini Eşzamansız Olarak Alma
• Kılavuzla İlgili Sorunlar URL Giriş ve Favorilere Ekleme
• Özet

Bölüm 13. Gelişmiş HTTP İstemcisi

• Talep Seçenekleri
• Bir HttpResponse Nesnesini Döndürmek
• İstek Başlıklarını Ayarlama
• Yeni Gözlemlenebilirler Yaratmak
• Basit Bir Gözlemlenebilir Yaratmak
• Gözlemlenebilir Oluşturucu Yöntemi Gözlemlenebilir Operatörler
• Harita ve filtre Operatörleri
• FlatMap() Operatörü
• tap() Operatörü
• zip() Birleştiricisi
• HTTP Yanıtını Önbelleğe Alma
• Sıralı HTTP Çağrıları Yapma
• Paralel Arama Yapma
• CatchError() ile Hata Nesnesini Özelleştirme
• Boru Hattında Hata
• Hata Kurtarma
• Özet

Bölüm 14. Açısal Modüller

• Neden Açısal Modüller?
• Bir Modül Sınıfının Anatomisi
• @NgModule Özellikleri
• Özellik Modülleri
• Example Modül Yapısı
• Etki Alanı Modülü Oluşturma
• Yönlendirilmiş/Yönlendirme Modülü Çifti Oluşturma
• Hizmet Modülü Oluşturun
• Ortak Modüller Oluşturma

Bölüm 15. Gelişmiş Yönlendirme

• Yönlendirme Etkin Özellik Modülü
• Özellik Modülünü Kullanma
• Özellik Modülünü Tembel Yükleme
• Özellik Modülü Bileşenleri için Bağlantılar Oluşturma
• Tembel Yükleme Hakkında Daha Fazla Bilgi
• Modülleri Ön Yükleme
• Varsayılan Rota
• Joker Karakterli Rota Yolu
• Yönlendir
• Alt Rotalar
• Alt Rotaları Tanımlama
• Alt Rotalar için
• Alt Rotalar için Bağlantılar
• Navigasyon Muhafızları
• Koruma Uygulamaları Oluşturma
• Bir Rotada Korumaları Kullanma
• Özet

Bölüm 16. Birim Testi Açısal Uygulamalar

• Birim Testi Açısal Yapılar
• Test Araçları
• Tipik Test Adımları
• Test Sonuçları
• Jasmine Test Süitleri
• Jasmine Özellikleri (Birim Testleri)
• Beklentiler (İddialar)
• Eşleştiriciler
• ExampEşleştiricileri Kullanma Dosyaları
• Not Özelliğini Kullanmak
• Birim Test Paketlerinde Kurulum ve Sökme
• ExampbeforeEach ve afterEach İşlevlerinin dosyası
• Açısal Test Modülü
• Example Açısal Test Modülü
• Bir Hizmeti Test Etme
• Hizmet Örneğini Ekleme
• Eşzamanlı Bir Yöntemi Test Etme
• Eşzamansız Bir Yöntemi Test Etme
• Sahte HTTP İstemcisini Kullanma
• Hazır Yanıt Sağlama
• Bir Bileşeni Test Etme
• Bileşen Test Modülü
• Bileşen Örneği Oluşturma
• ComponentFixture Sınıfı
• Temel Bileşen Testleri
• DebugElement Sınıfı
• Kullanıcı Etkileşimini Simüle Etme
• Özet

Bölüm 17. Hata ayıklama

• Üzerindeview Açısal Hata Ayıklama
• ViewHata Ayıklayıcıda TypeScript Kodunu Kullanma
• Hata ayıklayıcı Anahtar Kelimesini kullanma
• Hata ayıklama günlüğü
• Angular DevTools nedir?
• Angular DevTools'u Kullanma
• Angular DevTools – Bileşen Yapısı
• Angular DevTools – Algılama Yürütmesini Değiştir
• Sözdizimi Hatalarını Yakalamak
• Özet

Laboratuvar Egzersizleri

• Laboratuvar 1. Angular'a Giriş
• Laboratuvar 2. TypeScript'e Giriş
• Laboratuvar 3. Bileşenlere Giriş
• Laboratuvar 4. Bileşen Şablonu
• Laboratuvar 5. Fotoğraf Galerisi Bileşeni Oluşturun
• Laboratuvar 6. Şablona Dayalı Form
• Laboratuvar 7. Düzenleme Formu Oluşturun
• Laboratuvar 8. Reaktif Formu
• Laboratuvar 9. Bir Hizmet Geliştirin
• Laboratuar 10. Bir HTTP İstemcisi Geliştirin
• Laboratuvar 11. Boruları Kullanın
• Laboratuvar 12. Yönlendirici Kullanarak Temel Tek Sayfalı Uygulama Laboratuvarı 13. Tek Sayfalı Uygulama Oluşturma (SPA)
• Laboratuvar 14. Gelişmiş HTTP İstemcisi
• Lab 15. Angular Bootstrap Kullanımı
• Laboratuvar 16. Tembel Modül Yükleme
• Laboratuvar 17. Gelişmiş Yönlendirme
• Laboratuvar 18. Birim Testi
• Laboratuvar 19. Açısal Uygulamalarda Hata Ayıklama

KURS KİMLER İÇİNDİR?
Bu kurs, Angular 12 geliştirmenin temellerini öğrenmesi ve bunu yaratıcılığa uygulaması gereken herkese yöneliktir. web uygulamaları hemen gerçekleştirin. Ayrıca bu eğitim kursunu daha büyük gruplar için de sunabilir ve özelleştirebilir, böylece kuruluşunuzun zamandan, paradan ve kaynaklardan tasarruf etmesini sağlayabiliriz.

ÖNGEREKLİLİKLER
Web Bu Angular kursundan en iyi şekilde yararlanmak için HTML, CSS ve JavaScript kullanarak geliştirme deneyimi gereklidir. Tarayıcı DOM'u hakkında bilgi sahibi olmak da faydalıdır. AngularJS veya Angular'ın herhangi bir sürümünde önceden Angular deneyimi gerekli değildir.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Belgeler / Kaynaklar

LUMIFY WORK Angular 12 Programlama [pdf] Kullanıcı Kılavuzu Angular 12 Programlama, Angular, 12 Programlama, Programlama

Referanslar

• Kullanıcı Kılavuzu