Yahoo's Open! Web Developerları İçin..

516 views

Published on

Yahoo! Türkiye Community Manager'i Volkan Biçer tarafından 27-28 Haziran RIATalks etkinliklerinde yapılan sunumdur.

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

  • Be the first to like this

No Downloads
Views
Total views
516
On SlideShare
0
From Embeds
0
Number of Embeds
26
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Yahoo's Open! Web Developerları İçin..

  1. 1. Yahoo’s open! Web Developer’ları için
  2. 2. Kolay olmayan bir iş: Web Developer olmak
  3. 3. Başladığınızda ve hatta genelde zamanın çoğu üretmekten çok tamir etmek ve bug’ları bulmakla geçer...
  4. 4. Birbiriyle ilintili ve bağlantılı bug’lar varsa çok büyük sorun olmaz...
  5. 5. Sıfırdan yazmanın imkansızlığı sebebiyle bulunan bug’lara ciddi zaman harcanır...
  6. 6. Temel neden nedir? Web ve Browser’lar gelişimi tamamlanmış veya tamamlanabilen yapılar değillerdir.
  7. 7. Bug’ları yok eden etkilerden birisi: Komünite bazlı çalışma!
  8. 8. İyi haber: Türkiye’de artık bu düzeni kolaylaştıran bir başlangıç noktası var...
  9. 9. http://developer.yahoo.com
  10. 10. API’lerle başlayalım...
  11. 12. YDN API’leri ile ilgili en önemli özellik nedir? açık ve serbest bir yapı...
  12. 13. Nasıl ve hangi yapılarla kullanabilirim? JSON, PHP, XML
  13. 14. Ördek! Birazcık Kod...
  14. 15. Flickr üzerinden fotoğrafları almak ve kendi sayfamızda yayınlamak... Bu arada Flickr’ın bir Yahoo! Ürünü olduğunu biliyor muyuz?
  15. 16. <?php $url = 'http://api.flickr.com/services/feeds/ photos_public.gne?tags='.$tag.'&format=php_serial'; $ch = curl_init(); curl_setopt($ch, CURLOPT_URL, $url); curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); $feed = curl_exec($ch); curl_close($ch); $data = unserialize($feed); if(isset($data['items'])){ $items = $data['items']; } ?>
  16. 17. <?php $url = 'http://api.flickr.com/services/feeds/ photos_public.gne?tags='.$tag.'& format=php_serial '; $ch = curl_init(); curl_setopt($ch, CURLOPT_URL, $url); curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); $feed = curl_exec($ch); curl_close($ch); $data = unserialize($feed); if(isset($data['items'])){ $items = $data['items']; } ?>
  17. 19. Bu kurallar ve anlatılanlar tüm API’lere ve tüm Yahoo! ürünlerine uygulanabilir...
  18. 20. Herşeyi ve her detayı bilmenize gerek yok, ihtiyacınız olan kadar data ile elinizdeki yapıyı iyileştirebilirsiniz...
  19. 21. Evet API’ler istediğim altyapıyı sağlıyor fakat datayı istediğim formatta çıkaramıyorum?
  20. 22. Ki şu anda göstereceğim benim favorimdir...
  21. 23. ★ Herçeşit input’u modifiye edebilme ★ Farklı karıştırma seçenekleri ★ Output olarak RSS, JSON, Serialized PHP veya XML kullanma ★ Klonlama ve düzeltme, ★ Görsel Pipes Edit ö r ü ★ Önceki Pipe’leri kullanma
  22. 24. Data ile ilgili yeterince konuştuk...
  23. 25. ... görsellik asıl zor kısım .
  24. 27. Yahoo User Interface Kütüphanesi, Mükemmel kullanıcı arayüzleri için ideal bir kaynak....
  25. 28. Önce biraz örnek...
  26. 29. 1 function handleSelect(type,args,obj) {  2     var dates = args[0];  3     var date = dates[0];  4     var year = date[0], month = date[1], day = date[2];  5   6     var selMonth = document.getElementById(&quot;selMonth&quot;);  7     var selDay = document.getElementById(&quot;selDay&quot;);  8     var selYear = document.getElementById(&quot;selYear&quot;);  9   10     selMonth.selectedIndex = month;  11     selDay.selectedIndex = day;  12   13     for (var y=0;y<selYear.options.length;y++) {  14         if (selYear.options[y].text == year) {  15             selYear.selectedIndex = y;  16             break;  17         }  18     }  19 }  20   (function() { 2 var Dom = YAHOO.util.Dom, 3 Event = YAHOO.util.Event; 4 5 var crop = new YAHOO.widget.ImageCropper('yui_img'); 6 })(); Image Cropper Calender
  27. 30. Calender Menu Button Slider Menu Button
  28. 32. YUI üzerinde problemleri ve bug’ları çözmek? Tam bir topluluk çalışması...
  29. 33. Hata bulunur Yeri kaydedilir YUI’ya anlatılır YUI düzeltir Artık bir sorun yok!
  30. 34. YUI Kütüphanelerini bugüne kadar bir çok kişi, kurum we internet sitesi kullandı... İlerlemeler ciddi bir paylaşım ile gerçekleşti.
  31. 36. YUI nedir? Bir kütüphane ( kullanıcı ihtiyacını barındıran faydalı bir kaynak )
  32. 37. YUI nedir? JavaScript kütüphanesidir ( Bütün browser’larda aynı kaliteyi yakalamaya çalışır. )
  33. 38. YUI nedir? CSS taslağıdır... ( En güzel tasarımı sunmaya çalışır. )
  34. 40. YUI nedir? Bir geliştirme methodudur. ( Ağır olmayan bir kodlama , Hızlı ilerleme... )
  35. 41. YUI nedir? Tamamen dokümante edilmiş ve her parça örneklerle desteklenmiştir.
  36. 42. YUI nedir? Ücretsiz ve açık kaynaktır.
  37. 43. YUI nedir? Eğer isterseniz bizim tarafımızdan host edilir ve sizin kullanıcılarınız neredeyse ona yakın server’lardan çalıştırılır...
  38. 44. Avantaj! YUI dosyalarını Yahoo! Server’ları üzerinde host etmek...
  39. 45. Özetle: Hayatınızı oldukça kolaylaştıran bir dünyadır...
  40. 47. Nasıl bilgi edinebilirim?
  41. 48. <ul><li>http://yuiblog.com/ </li></ul>
  42. 49. Türkiye için biraz erken olsa da , sistemsel olarak açık olan bir ürün örneği...
  43. 51. Yahoo! arama sonuçları geliştiricilerin avuçlarında...
  44. 52. Orjinal gösterim yerine gelişmiş bir çıktı ve sonuç! Bilgi kutuları ve Drop Down Menülerle daha iyi sonuç!
  45. 53. Twitter: http://twitter.com/YahooTurkey Yakında bir de bloğumuz olacak... Volkan Biçer, Yahoo! Turkey Community Manager

×