UYGULAMA VE WEB GELİŞİM
Açısal 15 Programlama
UZUNLUK 5 gün
VERSİYON 15
NEDEN BU DERS ÇALIŞMALISINIZ?
Bu yoğun ve kapsamlı Angular 15 eğitim kursu, katılımcılara işlerinde hemen kullanabilecekleri becerileri sağlar. Tek sayfalı tarayıcı uygulamaları, duyarlı uygulamalar gibi Angular 15 geliştirmenin temellerini öğreneceksiniz. websiteler ve hibrit mobil uygulamalar.
Bu kurs, Angular'a giriş ve ardından TypeScript, bileşenler, direktifler, hizmetler, HTTPClient, test etme ve hata ayıklamayı içeren teorik öğrenme ve uygulamalı laboratuvarların bir birleşimidir.
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.
LUMIFY ÇALIŞMALARINDA AÇILI
NE ÖĞRENECEKSİNİZ
Bu kursu başarıyla tamamladığınızda aşağıdaki bilgilere sahip olacaksınız:
- TypeScript kullanarak tek sayfalı Angular uygulamalar geliştirin
- Eksiksiz bir Angular geliştirme ortamı kurun
- Bileşenler, Yönergeler, Hizmetler, Borular, Formlar ve Özel Doğrulayıcılar Oluşturun
- Gözlemlenebilirleri kullanarak gelişmiş ağ veri alma görevlerini gerçekleştirin
- REST'ten veri tüketin web Angular HTTP İstemcisini kullanan hizmetler
- Push-data bağlantı iyonlarını kullanarak yönetin 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
- Angular CLI ile çalışın
Eğitmenim, benim özel durumumla ilgili senaryoları gerçek dünya örneklerine koyabilme konusunda harikaydı.
Geldiğim andan itibaren kendimi hoş karşılanmış hissettim ve sınıf dışında bir grup olarak oturup durumlarımızı ve hedeflerimizi tartışmak son derece değerliydi.
Çok şey öğrendim ve bu kursa katılarak hedeflerimin karşılanmasının önemli olduğunu hissettim.
Lumify Çalışma ekibi harika iş çıkardı.
AMANDA NICOL
BT DESTEK HİZMETLERİ MÜDÜRÜ – HEALTH WORLD LIMITED
DERS KONULARI
- Angular'a Giriş
• Açısal Nedir?
• Açısal Çerçevenin Merkezi Özellikleri
• Uygun Kullanım Durumları
• Açısal Bir Uygulamanın Yapı Taşları
• Açısal Bir Uygulamanın Temel Mimarisi
• Angular'ı Kurmak ve Kullanmak
• Açısal Bir Uygulamanın Anatomisi
• Uygulamanın Çalıştırılması
• Uygulamayı Oluşturma ve Dağıtma
• Yerel Mobil Uygulamalar için Angular - TypeScript'e Giriş
• Angular ile Kullanıma Yönelik Programlama Dilleri
• TypeScript Söz Dizimi
• Programlama Editörleri
• Tip Sistemi – Değişkenlerin Tanımlanması
• Tip Sistemi – Dizileri Tanımlama
• Temel İlkel Türler
• İşlev iyonlarını yazın
• Tür Çıkarımı
• Sınıfların Tanımlanması
• 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 izin
• Ok İşlevleri
• Ok İşlevi Sıkıştırılmış Sözdizimi
• Şablon Dizeleri
• Sınıftaki Jenerikler
• Fonksiyondaki Jenerikler - Bileşenler
• Bileşen Nedir?
• Eski Bir Kişiample Bileşeni
• Angular CLI Kullanarak Bileşen Oluşturma
• Bileşen Sınıfı
• @Component Dekoratörü
• Bir Bileşeni Modülüne Kaydetme
• Bileşen Şablonu
• Eskiampdosya: HelloComponent Şablonu
• Eskiample: HelloComponent Sınıfı
• Bir Bileşen Kullanmak
• Uygulamayı Çalıştırın
• Bileşen Hiyerarşisi
• Uygulama Kök Bileşeni
• Önyükleme File
• Bileşen Yaşam Döngüsü Kancaları
• EskiampYaşam Döngüsü Kancaları
• CSS Stilleri - Bileşen Şablonları
• Şablonlar
• Şablon Konumu
• Bıyık {{ }} Söz Dizimi
• DOM Öğesi Özelliklerini Ayarlama
• Öğe Gövde Metnini Ayarlama
• Olay Bağlama
• İfade Olay İşleyicisi
• Varsayılan İşlemeyi Önleyin
• Nitelik Direktifleri
• CSS Sınıflarını Değiştirerek Stilleri Uygulayın
• Eskiampdosya: ngClass
• Stilleri Doğrudan Uygulama
• Yapısal Direktifler
• Şablonu Koşullu Olarak Yürüt
• Eskiample: ngIf
• ngFor Kullanarak Döngü Oluşturma
• ngYerel Değişkenler İçin
• Koleksiyonun Manipüle Edilmesi
• Eskiample – Bir Öğeyi Silmek
• ngFor ile Öğe Takibi
• ngSwitch ile Öğeleri Değiştirme
• Elemanları Gruplandırma
• Şablon Referans Değişkeni - 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 – Çocuk Bileşeni
• @Output() Örn.ample – Ana Bileşen
• Tam İki Yönlü Ciltleme
• Parent'te İki Yönlü Veri Bağlamayı Ayarlama - Şablon ve Sürülen Formlar
• Şablon Odaklı Formlar
• Formlar Modülünü İçe Aktarma
• Temel Yaklaşım
• Form Oluşturma
• Kullanıcı Girişi Alma
• ngForm Özelliğinin Atlanması
• Formu Başlat
• İki Yönlü Veri Bağlama
• Form Doğrulaması
• Açısal Doğrulayıcılar
• Sınıfları Kullanarak Doğrulama Durumunu Görüntüleme
• Ek Giriş Türleri
• Onay kutuları
• (Aşağıya Açılan) Alanları Seçin
• Seçim için Oluşturma Seçenekleri (Aşağı Açılan)
• Tarih alanları
• Radyo Düğmeleri - Reaktif Formlar
• Reaktif Formlar Bittiview
• Yapı Taşları
• Reaktif FormsModule'u İçe Aktarma
• Form Oluşturma
• Ş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 Alt FormGroup'ları Kullanmalı? - 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öre Kaydedilmesi
• Bir Bileşenin Enjektörüyle Bir Hizmetin Kaydedilmesi
• Özellik Modülü Enjektörüyle Bir Hizmet Kaydetme
• Hizmet Nereye Kaydolmalı?
• Diğer Yapılara Bağımlılık Ekleme
• Alternatif Bir Uygulama Sağlamak
• Bağımlılık Enjeksiyonu ve @Host
• Bağımlılık Ekleme ve @Optional - HTTP İstemcisi
• Açısal HTTP İstemcisi
• HTTP İstemcisini Kullanmak – Bittiview
• HttpClientModule'u içe aktarma
• HttpClient Kullanarak Hizmet
• GET İsteği Yapmak
• Gözlemlenebilir Nesne ne işe yarar?
• Hizmeti bir Bileşende Kullanmak
• PeopleService İstemci Bileşeni
• Hata yönetimi
• Hata Nesnesini Özelleştirme
• POST İsteği Yapma
• PUT Talebi Yapmak
• SİLME İsteği Yapmak - Borular ve Veri Formatlama
• Borular Nedir?
• Dahili Borular
• HTML Şablonunda Boruları Kullanmak
• Zincirleme Boruları
• 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
• Saf Boru Example
• Saf Olmayan Boru Example - Tek Sayfa Uygulamalarına Giriş
• Tek Sayfa Başvurusu (SPA) Nedir?
• Geleneksel Web Başvuru
• SPA İş Akışı
• Tek Sayfa Uygulama Advan'ıtages
• HTML5 Geçmiş API'si
• SPA Zorlukları
• Angular Kullanarak SPA'ların Uygulanması - Açısal Bileşen Yönlendiricisi
• Bileşen Yönlendirici
• View Navigasyon
• Açısal Yönlendirici API'si
• Yönlendirici Etkinleştirilmiş Uygulama Oluşturma
• Yönlendirilen 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 Parametresinin Eşzamanlı Olarak Alınması
• Bir Rota Parametresini Eşzamansız Olarak Alma
• Sorgu Parametreleri
• Sorgu Parametrelerinin Sağlanması
• Sorgu Parametrelerini Eşzamansız Olarak Alma
• Kılavuzla İlgili Sorunlar URL Giriş ve Favorilere Ekleme - Gelişmiş HTTP İstemcisi
• Talep Seçenekleri
• Bir HttpResponse Nesnesinin Döndürülmesi
• İ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 - Açısal Modüller
• Neden Açısal Modüller?
• Bir Modül Sınıfının Anatomisi
• @NgModule Özellikleri
• Özellik Modülleri
• Eskiample 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
• Bir Modülü Diğerinden Kullanmak - Gelişmiş Yönlendirme
• Yönlendirme Etkinleştirilmiş Özellik Modülü
• Özellik Modülünü Kullanma
• Özellik Modülünün Tembel Yüklenmesi
• Ö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
• routerLinkActive bağlama
• Varsayılan rota
• Joker Karakterli Rota Yolu
• Yönlendir
• Alt Rotalar
• Alt Rotalar için Alt Rotaları Tanımlama
• Alt Rotalara İlişkin Bağlantılar
• Navigasyon Muhafızları
• Koruma Uygulamaları Oluşturma
• Bir Rotada Korumaları Kullanma - Birim Testi Açısal Uygulamaları
• Açısal Yapıların Birim Testi
• Test Araçları
• Tipik Test Adımları
• Test sonuçları
• Jasmine Test Süitleri
• Jasmine Özellikleri (Birim Testleri)
• Beklentiler (İddialar)
• Eşleştiriciler
• EskiampEşleştiricileri Kullanma Dosyaları
• Not Özelliğini Kullanmak
• Birim Test Paketlerinde Kurulum ve Sökme
• EskiampbeforeEach ve afterEach İşlevlerinin dosyası
• Açısal Test Modülü
• Eskiample 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şenin Test Edilmesi
• 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 - 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 Geliştirici Araçları – Bileşen Yapısı
• Angular DevTools – Algılama Yürütmesini Değiştir
• Sözdizimi Hatalarını Yakalamak
KURS KİMLER İÇİNDİR?
Bu kurs, Angular 15 geliştirmenin temellerini öğrenmesi ve bunu doğrudan yaratıcılığa uygulaması gereken herkese yöneliktir. web Uygulamalar.
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. Daha fazla bilgi için lütfen e-posta yoluyla bizimle iletişime geçin. ph.training@lumifywork.com
Ö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
- Önceden Angular veya AngularJS deneyimine gerek yoktur
Bu kursun Lumify Work tarafından sağlanması, rezervasyon hüküm ve koşullarına tabidir.
Kursa kaydolmanız bu şart ve koşulların kabul edilmesine bağlı olduğundan lütfen bu kursa kaydolmadan önce hüküm ve koşulları dikkatlice okuyun.
https://www.lumifywork.com/en-ph/courses/angular-15-programming/
ph.training@lumifywork.com
lumifywork.com
facebook.com/LumifyWorkPh
linkedin.com/company/lumify-work-ph
twitter.com/LumifyWorkPH
youtube.com/@lumifywork
Belgeler / Kaynaklar
 |
LUMIFY WORK Angular 15 Programlama [pdf] Kullanıcı Kılavuzu Açısal 15 Programlama, Programlama |
