Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, Tayfun Erbilen tarafından sunulan bir eğitim içeriğidir. Tayfun, AngularJS kullanarak JavaScript yazmadan basit bir top uygulaması yapımını göstermektedir.
- Videoda AngularJS'in temel direktifleri (ngApp, ngClass, ngClick, ngSwitch) kullanılarak bir top uygulaması adım adım oluşturulmaktadır. Önce HTML ve CSS ile temel yapı oluşturulur, ardından AngularJS ile model tanımlanır ve direktifler kullanılarak tab'ların aktif hale getirilmesi, içeriklerin gösterilmesi ve gizlenmesi gösterilir. Video, AngularJS'in temel kullanımını öğrenmek isteyenler için faydalı bir kaynak niteliğindedir.
- AngularJS ile Top Uygulaması Hazırlama
- Tayfun Erbilen, AngularJS direktiflerini kullanarak hiç JavaScript kodu yazmadan top uygulaması yapacağını belirtiyor.
- AngularJS'i ang.js.org adresinden temin edebilirsiniz.
- HTML ve CSS yapısı oluşturulmuş ancak AngularJS kodları eklenmeden çalışmıyor.
- 00:32AngularJS Kodlarının Yazılması
- AngularJS kodları "ng app" direktifi ile başlatılıyor.
- "ng init" direktifi ile "top" adında bir model tanımlanıyor ve değeri "top1"e eşitleniyor.
- "ng class" direktifi ile tab'ın değeri 1 olduğunda "active" class'ı atanıyor.
- 01:58Tıklama ve İçerik Gösterme İşlemleri
- "ng click" direktifi ile tıklanıldığında tab'ın değeri değiştiriliyor.
- "ng switch" direktifi ile data modeline göre içerikler gösterilip gizleniyor.
- JavaScript kodu yazmadan AngularJS'in sunduğu direktifler sayesinde basit bir top örneği hazırlanmış oluyor.