Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, Angular programlama dilinde komponent kavramını açıklayan bir eğitim içeriğidir. Eğitmen, Angular projelerinde komponentlerin temel konsept olduğunu ve her birinin bir sınıf olduğunu belirtiyor.
- Video, komponent kavramının tanımıyla başlayıp, web sayfasındaki farklı bölümlerin (header, sidebar, footer, content) komponent olarak nasıl kullanılabileceğini açıklıyor. Ardından Angular CLI ile yeni bir komponent oluşturma, komponent dosyalarının yapısı (ts, html, spec, style) ve komponent içinde değişken ve fonksiyon tanımlama işlemleri adım adım gösteriliyor. Eğitmen, ilerleyen videolarda gerçek bir proje üzerinden komponentlerle daha detaylı çalışılacağını belirtiyor.
- Angular'da Komponent Kavramı
- Komponentler Angular projelerinin temel konseptidir ve her biri birer klastır.
- Web sayfasındaki header, sidebar, footer, content bölümleri ve butonlar gibi her şey bir komponent olarak oluşturulabilir.
- Komponentler arasında iletişim kurulabilir.
- 00:43App Komponenti ve Özellikleri
- Proje oluşturulduğunda varsayılan olarak app komponenti getirilir.
- App komponentinin TypeScript dosyasında selector, template url, style url'ler ve class içerisinde değişkenler ve metotlar tanımlanır.
- App komponentinde ngOnInit fonksiyonu bulunur ve bu fonksiyon komponent ilk açıldığında çalışır.
- 01:22Komponent Oluşturma ve Kullanımı
- Komponent oluşturmak için terminalde "ng g komponent" komutu kullanılır ve komponent klasörünün içinde oluşturulur.
- Angular CLI, komponent için stil dosyası, HTML dosyası, spec dosyası ve TypeScript dosyası oluşturur.
- Oluşturulan komponent, app modül içerisinde import edilerek tanımlanır.
- 03:22Komponent İçinde Değişkenler ve Fonksiyonlar
- Komponent içinde değişkenler tanımlanabilir ve HTML içerisinde süslü parantezler kullanılarak kullanılabilir.
- Fonksiyonlar tanımlanabilir ve fonksiyon içinde değişkenler dis anahtar kelimesi ile kullanılabilir.
- Komponent açıldığında çalışacak fonksiyonlar ngOnInit içinde çağrılmalıdır.