Kategori arşivi: Javascript

AngularJS Eğitimi #7 AngularJS ile JSON Okumak

AngularJS Eğitimine devam ediyoruz. Mobil uygulamalar için bizim en çok kullandığımız veri tipi olan JSON’ı AngularJS’i nasıl okuyacağımıza baktık bunun için AngularJS’te $http direktifini kullanıyoruz. Aslında iki tip kullanımı var bu direktifin. Bunlar general ve shortcut kullanımını.

Nedir?

Hibrit mobil uygulama geliştirirken biz hep JSON ile veri aktarıp yapımızı IONIC ya da başka bir framework’te kuruyoruz. Daha anlaşılabilir haliyle uzak sunucuda veritabanından verileri çekip  json oluşturuyoruz ve bir URL’de tutuyoruz. AngularJS ile bu URL’e GET ile bağlanıp o değerleri işliyoruz ve tasarımsal kısma (view) kısmında düzenli bir şekilde göstermeye çalışıyoruz.

Okumaya devam et

jQuery Load Kullanımı

Merhabalar, bugün jQuery Load nedir, neden kullanıyoruz gibi soruların cevabını arayacağız.

jQuery Load bizim aslında çok işimize yarayan bir method, neden derseniz performansı %50 oranında artırıyor. Sayfa yükleme sürelerini azaltıyor ve dosya büyüklüklerini minimize ediyor.

.load olarak kullanabiliyoruz. Video’dan nasıl kullanıldığını öğrenebilirsiniz, kolay gelsin 🙂

AngularJS #5 – Filtreler ve Formlar

Merhaba arkadaşlar,

Bu derste sizlerle birlikte AngularJS’te filtreler ve formları inceleyeceğiz. İlk olarak filter ve formlar nelerdir bunları bilmemiz gerekiyor.

Filters: Belli bir dizinin içindeki verileri filtrelememizi sağlar.

Forms: ng-submit gibi direktiflerle direk olarak scope gezegenimize veri ekletebiliyoruz.

Okumaya devam et

AngularJS Eğitimi #4 – Controller Mantığı

Merhabalar, AngularJS Eğitimi videolarına biraz ara versekte devam ediyoruz.

Bir önceki yazımda belirttiğim gibi haftada en az bir konu, ders girmeye devam edeceğim.

İlk olarak AngularJS Tutorial en iyi AngularJS kaynağı teker teker tüm örnekleri kendiniz yapmanız halinde size uzunca bir yol katettiriyor.

Okumaya devam et

Hibrit Mobil Uygulama Geliştirmek

Öncelikle merhabalar,

Son dönemlerde iyiden iyiye artış gösteren bir konuya değinmek istedim bugün yani hibrit mobil uygulama geliştirmeye. Bunun için ilk olarak neleri anlatmaya çalışacağım listeleyecek olursam

  • Cordova / PhoneGap
  • AngularJS
  • Ionic Framework

Aslında bunları bilerek basit bir mobil uygulama geliştirebiliriz. O zaman hadi başlayalım.

Okumaya devam et

Ionic Framework ve Cordova Build İşlemi

Merhabalar,

Hibrit mobil uygulama geliştirmek ile alakalı benim gibi yeni başlayan arkadaşlara cordova build işlemini ve ionic anlatmaya çalıştım. Yakında cordova, ionic framework ve angularjs derslerine devam edeceğimizin bir belgesi olarak dersi izleyebilirsiniz 🙂

Okumaya devam et

jQuery Bekleterek Yönlendirme İşlemi

Merhabalar,

Uzun zamandır makale ekleyemiyordum. Soruver projem ve freelance işlerimden dolayı biraz aksattım farkındayım. Şimdi genelde karşılaşılan bir problemdir örneğin ajax ile kullanıcı giriş işlemi yaptınız fakat giriş başarılı mesajını verdikten sonra yönlendirme yapmak bazen can sıkabiliyor. Bunun için bir çok çözüm üretebiliriz sleep atıp meta tagları ile attr kullanarak yapabiliriz fakat bu pek düzenli görünmüyor bana göre.

Bu yüzden ben de şu şekilde bir çözüm ürettim;

 

$("#postForm").submit(function(){
	
	var deger = $(this).val(); /* Formdan Gelen verileri aldık */

	$.ajax({
		type: "POST",
		url: "ajax/deneme.ajax.php",
		data: deger,
		success: function(cevap){
			if(cevap == "bos"){
				alert("Zihnini okumamız şuanlık imkansız!");
			}else if(cevap == "hata"){
				alert("Şuan sistemde bir sorun var bunu not aldık en kısa zamanda halledeceğiz");
			}else{
				/* Eğer hiç bir sorun yoksa */
				alert("İşlem başarıyla yapıldı!");
				/* Yönlendirme işlemi burada yapılacak */
				setTimeout(function(){ window.location.href = "http://www.e-yurtseven.net" }, 2000);
			}
		}
	});

});

2000 milisaniye yani 2 saniye sonra yönlendirecek bu sayıyı ve yönleneceği adresi istediğiniz gibi değiştirebilirsiniz.

Yararlı olması dileğiyle 🙂

jQuery ile Şifre Göster/Gizle Uygulaması

Merhaba,

Bir çok sistemde artık bu bahsettiğim özellik mevcut. Yani şifrenizi girerken bir yerde hata yaptığınızı hissediyorsunuz daha sonra şifreyi göstere basıyorsunuz ve şifre gözüküyor sonra doğru olup olmadığını kontrol ediyorsunuz ve tekrar şifre gizleniyor.

Bunu jQuery‘de bulunan click ve attr methodlarıyla yaptık.

Önizlemesi ise şu şekilde;

Okumaya devam et

AngularJS Eğitimi #3 Modül ve Controller Tanımlamaları

Merhaba, AngularJS Eğitimi‘ne devam ediyoruz.

Bu dersimizde ilk olarak ng-repeat direktivini gördük ve listelemede işimize yarayan filter özelliğini bir örnekte inceledik.

Örnek şu şekildeydi:

Okumaya devam et

AngularJS Eğitimi #2 – Model Tanımlamaları

AngularJS Eğitimi derslerine devam ediyoruz.Bu derste AngularJS’de Model ve init olayına göz attık.

Eğer AngularJS Eğitimi #1 (Nedir ve Nasıl Kullanılır?) adlı dersi izlemediyseniz tavsiye ederim.

 

NG-Model dediğimiz şey AngularJS’de ki çift yönlü bağlama olayının temel düzeyde işimize yarayan kısmı ve input button gibi elementlerin otomatik olarak value değerini belirleyen kısmımız.

NG-init dediğimiz komut ise değişken oluşturmamıza ve yazacağımız kodlardaki işlevselliği artırmaya yarayan bir olay.

Okumaya devam et