Your SlideShare is downloading. ×
0
Asp.net ajax
Asp.net ajax
Asp.net ajax
Asp.net ajax
Asp.net ajax
Asp.net ajax
Asp.net ajax
Asp.net ajax
Asp.net ajax
Asp.net ajax
Asp.net ajax
Asp.net ajax
Asp.net ajax
Asp.net ajax
Asp.net ajax
Asp.net ajax
Asp.net ajax
Asp.net ajax
Asp.net ajax
Asp.net ajax
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Asp.net ajax

1,625

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,625
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
12
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. ASP.NET Ajaxile Zengin İnternet Uygulamaları Geliştirme<br />Uğur UMUTLUOĞLU<br />Microsoft MVP(ASP.NET)<br />
  • 2. Uğur Umutluoğlu<br /> INNOVA<br /> Takım Lideri ve Uygulama Geliştirme Danışmanı<br />www.umutluoglu.com<br />ugur@nedirtv.com<br />twitter.com/umutluoglu<br />friendfeed.com/umutluoglu<br />
  • 3. Biraz nostalji – 1998-1999...<br />
  • 4. Biraz nostalji – 2003-2004...<br />
  • 5. Ve Bugün...<br />
  • 6. Gündem<br />Microsoft AJAX CDN<br />Microsoft Ajax Library Nedir?<br />İstemci Taraflı Data-Binding<br />jQuery Entegrasyonu<br />Control Toolkit Bileşenleri<br />
  • 7. Microsoft AJAX CDN<br />Microsoft’un sunduğu hizmet ile Javascript dosyaları CDN üzerinden kullanılabilir<br />Uygulama içerisinde onlarca JavaScript dosyasını barındırma zorunluluğunu ortadan kaldırıyor<br /><script src="http://ajax.microsoft.com/ajax/4.0/MicrosoftAjax.js" type="text/javascript"></script><br />
  • 8. Microsoft Ajax Library<br />Microsoft’un yeni AJAX kütüphanesi<br />Temel AJAX işlemleri ve Control Toolkit için birleştirilmiş iki kütüphane<br />200’e yakın script dosyası<br />Platformdan ve dilden bağımsız!<br />Açık kaynak(Open source)<br />Microsoft’un destek verdiği bir ürün<br />
  • 9. ASP.NET AJAX’tan Farklılıkları<br />Control Toolkit bileşenleri içerisinde geliyor<br />Daha hızlı<br />JavaScript kodu yazmak gerekiyor<br />Sadece istemci tarafında çalışmayı destekliyor<br />ASP.NET MVC, PHP, Ruby, JSP, HTML… gibi ortamlarda da kullanılabilir<br />
  • 10. ASP.NET AJAX / AJAX Library<br />MicrosoftAjax<br />System.Web.Ajax<br />MicrosoftAjax.Extended<br />AjaxControlToolkit<br />Client<br />Server<br />
  • 11. Script Loader<br />Bu kadar kalabalık bir kütüphaneden hangi dosyaları kullanmak gerekecek?<br />Belirtilen işlemlerle ilgili olan script dosyalarını sayfanın yüklenmesi esnasında istemciye gönderir<br />Bu işlemler Sys.require fonksiyonu ile yapılır<br />
  • 12. İstemci Taraflı Veriye Erişim<br />Client Data Access Library<br />Web Servisleri<br />OData (ADO.NET Data Services)<br />MVC Controller<br />JSON<br />Client template'leri<br />İki yönlü client data binding<br />
  • 13. İstemci Taraflı Veri Şablonları<br />DataView nesnesi, istemci tarafındaki veri şablonlarına veriyi yükler<br /><divclass="imageslist sys-template" ><br /> <spanclass="namedlistitem"><br /> <imgsys:src="{{ Uri }}"/><br /> <div>{{ Name }}</div><br /> </span><br /></div><br />
  • 14. İstemci Taraflı Veri Yükleme<br /><script type="text/javascript"><br /> var imagesList;<br />Sys.onReady(function() {<br />imagesList = $(".imageslist").dataView().get(0);<br />Uc.ImagesWcfService.GetImages("Name", querySucceeded);<br /> });<br /> function querySucceeded(results) {<br />imagesList.set_data(results);<br /> }<br /></script><br />
  • 15. jQuery Entegrasyonu<br />Kütüphane içerisindeki fonksiyonlar jQuery nesneleri ile entegre şekilde kullanılabiliyor<br /><script type="text/javascript"><br />Sys.require([Sys.components.watermark, Sys.scripts.jQuery]);<br />Sys.onReady(function() {<br />$(".text1").watermark(“Adınızı yazınız", "watermarked");<br /> });<br /></script><br />
  • 16. Control Toolkit Bileşenleri<br />Control Toolkit’te yer alan sunucu kontrollerinin istemci tarafında oluşturulabilmesi<br />Sys.require(Sys.components.colorPicker, function () {<br />Sys.create.colorPicker("#color1", null);<br />}); <br />
  • 17. DEMO<br />İstemci Taraflı Data-Binding<br />Observable Nesnelerle Çalışma<br />Control Toolkit Bileşenleri(Client & Server) <br />
  • 18. Kaynak<br />http://www.asp.net/ajax/<br />
  • 19. Soru & Cevap<br />
  • 20. Teşekkürler…<br />

×