Pazartesi , 11 Aralık 2017
Anasayfa » Tag Arşivleri: angularjs dersleri

Tag Arşivleri: angularjs dersleri

AngularJS Türkçe Sıralama Sorunu Çözümü

Angularjs ile ilgili yazdığım son sıralama yazısında dikkatimden kaçan ufak bir nokta olduğunu gelen bir yorum üzerine farkettim. Sıralama yaptığımda Türkçe özgü karakterleri sıralamanın sonuna ekliyordu. İnternette bir kaynakta dile özgü olarak sıralama yaptıran bir tane angular modülü  gördüm. Kaynak dosyasını ve kodlarını aşağıda paylaşıyorum.   AngularJS Tablolo Başlıklarına Göre Sıralama yazına ek olarak kodlarımız aşağıdaki gibi oluşturuluyor. Angularjs kodlarında dikkat etmemiz gereken …

Devamını oku »

AngularJS Route Yapma #2

Route ve template kavramı ile ilgili ikinci yazımızda oluşturduğumuz kontrolleri template dosyalarına bağlamayı anlatacağım.  Bu konu route yapma konusunun devamı olduğu için öncelikle 1. yazıyı okumanızı sonra bu yazıya bakmanızı tavsiye ederim.  Beğendim!

Devamını oku »

AngularJS Route Yapma

Bu yazıda Angularjs route yapma (Angularjs routing) kavramını inceleyeceğiz.  Bu yazı ve bundan sonraki bir kaç yazıda da bu kavram ile ilgili (template, url yönetimi vs.) konulara değinilecek. Beğendim!

Devamını oku »

AngularJS ng-include Yönergesi

Bu yazıda AngularJS ng-include direktifi ile  harici HTML sayfalarını mevcut HTML sayfasına dahil edeceğiz. Hazırladığımız sayfada kodların bazılarını çeşitli sayfalara parçalayarak hem sayfanın kod kalabalığını azaltmış hem de yazdığımız kodların okunurluğunu arttırmış oluruz. Hazırladığımız bileşenleri birden fazla sayfada kullanmak istediğimizde de aynı kodları tekrar tekrar yazmaktan bizi alıkoymuş olacaktır.(Güzel birşey 🙂 ) Aslında burada yapılan da yazılmış olan kodları parçalamak ve programlamayı …

Devamını oku »

AngularJS Arama Filitresi

AngularJS serach filter kullanarak arama işlemlerinin nasıl yapıldığını inceleyeceğiz.   Yukarıdaki arama kutucuğuna yazı girişi olduğunda, sadece tabloda eşleşen satırları göstermesi beklenir.  Daha fazla açıklama yapmadan uygulamamızı yazmaya başlayalım.   SCRIPT: Yine eski makalelerde kullandığım personel modelini kullanarak bu örneği açıklayacağım. [crayon-5a2ef178caac3667011220/]   HTML: Arama için bir tane textbox ekledim. Text kutusuna model olarak arama ifadesini parametre olarak geçtim. arama ifadesini ng-repeat …

Devamını oku »

AngularJS Sıralama Filitresi

Bu yazıda AngularJS ile sıralama işlemlerini inceleyeceğiz. AngularJS ile veri sıralama kavramı konusunda yeni olanlar öncelikle AngularJS Filitre Kullanımı | AngularJS Filters makalesi okumalarını tavsiye ederim. Angualarda Sıralama Yapmak İçin; 1.  orderBy filter kullanılır {{ sıralanacak_ifade | orderBy : ifade : ters}} Örnek: ng-repeat=”personel in personeller | orderBy:’maas’:false” 2. Artan şekilde sıralama yapmak için ters ifadesini false yapın 3. Azalan şekilde sıralama yapmak …

Devamını oku »

AngularJS ng-repeat Yönergesi

Bu yazıda anlatacağım konu: ng-repeat direktifi olacaktır. JavaScript listesini HTML kısmında ng-repeat kullanarak listeleyeceğiz. Konuyu maddelendirirsek ng-repeat ifadeleri iç içe ng-repeat ifadeleri  olmak üzere iki maddede ele alınacaktır. ng-repeat C# ,PHP  gibi dillerde bulunan foreach çalışma mantığı ile aynıdır. Hadi bu bir örnekle anlamaya çalışalım. Personel adında ve dizi yapısında bir nesnemiz olduğunu düşünelim. Düşünmek yerine aşağıdaki gibi oluşturalım. [crayon-5a2ef178cb26c338341183/]   Yukarıda …

Devamını oku »

AngularJS Dersleri

Sitede yayınladığımız AngularJS ile ilgili yazıların tüm listesini aşağıdaki tablodan inceleyebilirsiniz. Yayınlanmamış olan yazıların yanlarındaki tarihler yazının hazırlanacağı tarihi(inşallah) gösterdiğini farketmişsinizdir. Aşağıdaki angularJS makalelerini AngularJS dersleri şeklinde hazırlayıp örnek içerikleri de makalelerin altında ekledim. Umarım AngularJS çalışacaklar için faydalı olur. AngularJS Dersleri Listesi Konu 1: AngularJS Nedir? Konu 2: AngularJS Modül Yapısı Konu 3: AngularJS Controller Yapısı Konu 4: AngularJS ng-src Yönergesi …

Devamını oku »

AngularJS Controller Yapısı

Bu yazıda  Angular içindeki Controller yapısı ve kullanımını  anlatmaya devam edeceğiz.  Controller yapısı ile ilgili  ilk makalesi okumadıysanız 2. yazıyı okumanızı tavsiye ederim.   Bu yazıda anlatılacak kavramlar; Scope nesnesi ile karmaşık veriler gönderme Controller ismi yanlış yazıldığında ne olur Bir özellik ismi yanlış yazılmışsa ne olur Bir modüle tek satırda bir controller ve kayıt nasıl kaydedilir. Controllerin görevi view(görüntü) için …

Devamını oku »

AngularJS Modül Yapısı

AngularJS’de Neden Modülleri Kullanırız Bir modül farklı bölümleri bir arada tutan bir yapıştırıcıdır. Örn: kontroller, servisler, bildirimler, filitreler  bunlardan bazılarıdır.  Bu yazıda controller (kontroller) hakkında bilgi vereceğim. İlerleyen yazılarda servisler, bildirimler, filtreler hakkında makaleler olacak. Neden Modüller Gerekli Modülü bir programın main() metodu olarak düşünebiliriz. Programlardaki main metodları bir çok parçayı  bir araya getirir. Bir araya getirilen parçalar burada birleştirilip işlenir. …

Devamını oku »

AngularJS Nedir?

AngularJS nedir? AngularJS Web tarayıcısı üzerinde çalışan bir javascript kütüphanesidir. Kimilerine göre MVC, kimilerine göre MVVM denilmektedir. Angular tarafında ise MVW (Model View Whatever ) ifadesi kullanılıyor. Model View Whatever(Her Neyse) şeklinde yorumlamak mümkün. MVC ve MVVM ne olduğunu bilmiyorsanız wikipedia üzerinde biraz inceleme yapabilirsiniz.   Kim Geliştirmiştir? Google tarafından geliştirilmiş açık kaynak bir projedir. AngularJS tek sayfa uygulamaları geliştirmek için …

Devamını oku »