Asker yemeği :)

Bugün çok özel bir gündü, Accenture İzmir’de 3 yılımı doldururken askere gitmem gerektiğinden ayrılmam gerekti bu gün uğurlama yaptık çok güzel bir yemekti.

Herşey için teşekkürler Accenture 😁


Askerlik Başlıyor.

03.11.2016 Askerlik Başlangıcı.

Askerlik için ilk hedefimiz Amasya olacak, acemi eğitiminden sonra Ankara Polatlı‘da askerliğimi tamamlayacağım.

15 İNCİ P.EĞT.TUG. 12 NCİ P.EĞT.A. / AMASYA MERKEZ / AMASYA

58 İNCİ TOP.TUG. KH. VE KH.BL. / ANKARA POLATLI / ANKARA

Askerlik ulaşımı;

11 saatlik bir yolculuktan sonra Amasya’da olmayı planlıyorum sabah 7 gibi Amasya’da olacağım için Amasya merkezi gezip saat 13 gibi teslim olacağım.

Açık öğretim’in bitmesinin ardından bu günün geleceğini biliyorduk 🙂 6 ay kısa dönem olarak yapıp geleceğim. Arkamda özleyecek olduğum çok insan bırakıyorum.

Bugün 26.10.2016 askerlik için geri sayım başladın. Umarım askerlik bitişi de bu kadar hızlı geçer 🙂

jQuery DataTables Eklentisi

Merhabalar,

Bu gün bahsetmek istediğim konu yapmış olduğum bir projede bana çok fazla kolaylık sağlayan jQuery DataTables eklentisi.

Bu eklentinin işlevi yapmış olduğunuz tablo’ya sort,search,paging gibi birçok özellik kazandırması. Bu eklenti sayesinde bu özellikleri sizin yazmanıza gerek kalmıyor. Cidden kullanışlı bir eklenti.

jQuery Datatables eklentisine ulaşmak için tıklayınız.

 

İyi çalışmalar.
Ahmet 🙂

jQuery Değişken Kontrol.

Merhabalar,

Bazı durumda yapmış olduğunuz projelerde jquery değişkenleri global olarak kullanmanız ve başka bir yerden bu değişkeni okumanız gerekir eğer bu değişken yaratılmamış ise o sayfada bu kontrol işleminde değişken olmadığı için hata alırsınız. Bu hatayı alamamak için aşağıdaki kontrolu yapıyoruz.

[PHP]if(typeof(variable) != “undefined” && variable !== null) {

}[/PHP]

Ufak bir bilgilendirme idi umarım yararlı olur. 🙂

Ahmet KAYAR.

jQuery Template yapısı ve kullanımı.

JQuery Template Nedir?

jQuery template temelde javascript kodu ile html kodunu ayırmak için tasarlanmış bir yapıdır. Asp.net’in repeater’ı benzeri bir modeli vardır. Farkı; databinding javascript tarafından yapılır. Özellikle yoğun ajax kullanımının olduğu uygulamalarda, gelen json formatındaki dizileri bind etmek suretiyle kullanılır.

Web uygulaması geliştirilen her dille uyumlu olarak çalışabilen bu yapı. Asp.net geliştiricileri için çok daha kolaylık sağlamaktadır. Proje sırasında düzenlenmesi gerektiği durumlarda projenin tekrar derlenmesini gerektirmeden template dosyasını düzenlemesi ile bu çalışma yapılmış olacaktır.

jQuery Template kullanımı ve kod yapısı.

Kullanımı

jQuery template kullanımı için jquery.tmpl.js kodyasını projemize entegre etmemiz gerekmektedir.

http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.js

http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js

Kod Yapısı

<script id="ornek-tmpl" type="text/x-jquery-tmpl">// <![CDATA[
   Kod Blogu Buraya gelecek.
// ]]></script>

Ufak bir örnekle bu kod yapısını biraz daha açalım.

Örnek Kod


<script id="members-list-tmpl" type="text/x-jquery-tmpl">// <![CDATA[
{{if Json}}
{{each Json}}
{{if State=="0" }}
	<li> Durum Aktif Değil. ${Name}-{{tmpl "#department-tmpl"}}</li>

{{else}}
	<li>Aktif:${Name} - {{html Department}}</li>

{{/if}}
{{/each}}
{{else}}
	<li>İçerik Bulunamadı.</li>

{{/if}}
// ]]></script><script id="department-tmpl" type="text/x-jquery-tmpl">// <![CDATA[
                <strong>${id}</strong>
// ]]></script>

Yukarıda kod yapısını açıklayacak olursak.

  1. id=”members-list-tmpl” type=”text/x-jquery-tmpl” : jQuery Template yapımızı tanımlamak için kullandığımız tag yapısı. ID alanı jquery templatemizin ismi ve type alanı da içerisinde yer alan kodların jquery tmpl olduğunu belirtiyor.
  2. 2.       {{if Json}} : Gelen datamızın içeriğinin olup olmadığı  kontrol ediyoruz.Eğer gelen data  yok ise. {{else}} kodu ile ekrana vermek istediğimiz uyarı mesajını yazıyoruz.
  3. 3.       {{each Json}} : Gelen datamızı döngüye sokmamızı sağlar.
  4. 4.       ${Name} : Data içerisinde yer alan veriyi bu şekilde ekrana basıyoruz. “${degisken}”. Earch olarak kullanmadığımız yani sadece tek veri gelen kısımlarda ise “${dataAdi.degisken}”  olarak kullanıyoruz.
  5. 5.       {{tmpl “#department-tmpl”}} :  Gelen datamızı ortak olarak birkaç yer de kullandığımı template yolluyoruz bu sayede kod fazlalığından kurtulmuş oluyoruz.
  6. 6.       {{html Department}} : Gelen datamızın içeriğinde eğer html kod varsa bu şekilde kullanarak gelen içeriğin browser tarafından işlenmesini sağlaya biliyoruz bu kodu kullanmazsak gelen içeriğimizi düz metin olarak ekranda gösterecektir.
  7. 7.       {{wrap “#examplewrap-tmpl”}}: Şu anki örneğimizde bu konu hakkında bir örnek mevcut değil ancak kullanımı şu şekilde. Tmpl kullanımının amacı gibi kod fazlalığını önlemek açısında ortak olarak kullanılan bir wrap-tmpl tanımlanıp bu kod ile içeriğimizi sarmamızı sağlaya biliriz. Yani bu kod kullandığımızda gelen tmpl içeriğimiz saracaktır.

Script Taraflı kod Kullanımı

 

$(“#members-list-tmpl”).tmpl(jsonData).appendTo(“#members-list”);

Bu yazmış olduğumuz kodu şu şekilde açıklaya biliriz. Html içerisinde tanımlamış olduğumuz tmpl alanını jquery tmpl metodunu kullarak sistem tarafıdan oluşturduğumu jsonData nesnemizi gönderiyor ve hangi alan bu işlemini uygulanması gerektiğini belirtiyoruz.

Yani: #members-list-tmpl templat’i kullarak jsonData verilerini #members-list id’li alna uygula.

jQuery Template ile ilgili örnek projeye jqueryTemplate‘den ulaşabilirsiniz.

İyi Çalışmalar.
Ahmet KAYAR