SlideShare a Scribd company logo
1 of 53
Yahoo’s open! Web  Developer’ları için
Kolay olmayan bir iş: Web Developer olmak
Başladığınızda ve hatta genelde zamanın çoğu üretmekten çok tamir etmek ve bug’ları bulmakla geçer...
Birbiriyle ilintili ve bağlantılı bug’lar varsa çok büyük sorun olmaz...
Sıfırdan yazmanın imkansızlığı sebebiyle bulunan bug’lara ciddi zaman harcanır...
Temel neden nedir? Web ve Browser’lar gelişimi tamamlanmış veya tamamlanabilen yapılar değillerdir.
Bug’ları yok eden etkilerden birisi: Komünite bazlı çalışma!
İyi haber: Türkiye’de artık bu düzeni kolaylaştıran bir başlangıç noktası var...
http://developer.yahoo.com
API’lerle başlayalım...
 
YDN API’leri ile ilgili en önemli özellik nedir? açık ve serbest bir yapı...
Nasıl ve hangi yapılarla kullanabilirim? JSON, PHP, XML
Ördek!  Birazcık Kod...
Flickr üzerinden fotoğrafları almak ve kendi sayfamızda yayınlamak... Bu arada Flickr’ın bir Yahoo! Ürünü olduğunu biliyor muyuz?
<?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']; } ?>
<?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']; } ?>
 
Bu kurallar ve anlatılanlar tüm API’lere ve tüm Yahoo! ürünlerine uygulanabilir...
Herşeyi ve her detayı bilmenize gerek yok, ihtiyacınız olan kadar data ile elinizdeki yapıyı iyileştirebilirsiniz...
Evet API’ler istediğim altyapıyı sağlıyor fakat datayı istediğim formatta çıkaramıyorum?
Ki şu anda göstereceğim benim favorimdir...
★  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
Data ile ilgili yeterince konuştuk...
...  görsellik asıl zor kısım .
 
Yahoo User Interface Kütüphanesi, Mükemmel kullanıcı arayüzleri için ideal bir kaynak....
Önce biraz örnek...
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
Calender Menu Button Slider Menu Button
 
YUI üzerinde problemleri ve bug’ları çözmek? Tam bir topluluk çalışması...
Hata bulunur Yeri kaydedilir YUI’ya anlatılır YUI düzeltir Artık bir sorun yok!
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.
 
YUI  nedir? Bir kütüphane ( kullanıcı ihtiyacını barındıran faydalı bir kaynak )
YUI  nedir? JavaScript  kütüphanesidir ( Bütün browser’larda aynı kaliteyi yakalamaya çalışır. )
YUI  nedir? CSS  taslağıdır... ( En güzel tasarımı sunmaya çalışır. )
 
YUI  nedir? Bir geliştirme methodudur. ( Ağır olmayan bir kodlama , Hızlı ilerleme... )
YUI  nedir? Tamamen dokümante edilmiş ve her parça örneklerle desteklenmiştir.
YUI  nedir? Ücretsiz ve açık kaynaktır.
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...
Avantaj! YUI dosyalarını Yahoo! Server’ları üzerinde host etmek...
Özetle: Hayatınızı oldukça kolaylaştıran bir dünyadır...
 
Nasıl bilgi edinebilirim?
[object Object]
Türkiye için biraz erken olsa da , sistemsel olarak açık  olan bir ürün örneği...
 
Yahoo! arama sonuçları geliştiricilerin avuçlarında...
Orjinal gösterim yerine gelişmiş bir çıktı ve sonuç! Bilgi kutuları ve Drop Down Menülerle daha iyi sonuç!
Twitter:  http://twitter.com/YahooTurkey Yakında bir de bloğumuz olacak... Volkan Biçer, Yahoo! Turkey Community Manager

More Related Content

Viewers also liked

Viewers also liked (19)

Project54 Research Areas
Project54 Research AreasProject54 Research Areas
Project54 Research Areas
 
Aegee kyiv. презентація загальна
Aegee kyiv. презентація загальнаAegee kyiv. презентація загальна
Aegee kyiv. презентація загальна
 
Technologies that will transform small business
Technologies that will transform small businessTechnologies that will transform small business
Technologies that will transform small business
 
TV and the collective brain
TV and the collective brainTV and the collective brain
TV and the collective brain
 
(Draft!) model with systems perspective on farming
(Draft!) model with systems perspective on farming(Draft!) model with systems perspective on farming
(Draft!) model with systems perspective on farming
 
Founders Fund Manifesto
Founders Fund ManifestoFounders Fund Manifesto
Founders Fund Manifesto
 
The Watson Twins
The Watson TwinsThe Watson Twins
The Watson Twins
 
Sjatje
SjatjeSjatje
Sjatje
 
4. tomos b pe70
4. tomos b pe704. tomos b pe70
4. tomos b pe70
 
καυτές πατάτες 6
καυτές πατάτες 6καυτές πατάτες 6
καυτές πατάτες 6
 
00 at the front desk - hotels
00   at the front desk - hotels00   at the front desk - hotels
00 at the front desk - hotels
 
MEXTESOL Journal panel, 2012
MEXTESOL Journal panel, 2012MEXTESOL Journal panel, 2012
MEXTESOL Journal panel, 2012
 
1112
11121112
1112
 
Mappeoppgave 2 2003
Mappeoppgave 2   2003Mappeoppgave 2   2003
Mappeoppgave 2 2003
 
Federico
FedericoFederico
Federico
 
G earth
G earthG earth
G earth
 
Building connected cultures. Why, what & how.
Building connected cultures. Why, what & how.Building connected cultures. Why, what & how.
Building connected cultures. Why, what & how.
 
2007 User Inspired Design
2007 User Inspired Design 2007 User Inspired Design
2007 User Inspired Design
 
2005 Culture Marketing
2005 Culture Marketing2005 Culture Marketing
2005 Culture Marketing
 

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

Wordpress nedir
Wordpress nedirWordpress nedir
Wordpress nedirbhr2010
 
Yazılım Yetekenleri İle Teknik SEO Dünyasında Harikalar Yaratın
Yazılım Yetekenleri İle Teknik SEO Dünyasında Harikalar YaratınYazılım Yetekenleri İle Teknik SEO Dünyasında Harikalar Yaratın
Yazılım Yetekenleri İle Teknik SEO Dünyasında Harikalar YaratınYusuf Ozbay
 
WP REST API ve WordPress Ekosisteminin Geleceği
WP REST API ve WordPress Ekosisteminin GeleceğiWP REST API ve WordPress Ekosisteminin Geleceği
WP REST API ve WordPress Ekosisteminin GeleceğiBora Yalcin
 
jQuery ile ASP.NET Uygulamaları Geliştirme
jQuery ile ASP.NET Uygulamaları GeliştirmejQuery ile ASP.NET Uygulamaları Geliştirme
jQuery ile ASP.NET Uygulamaları Geliştirmeİbrahim ATAY
 
Programlama Dili Olarak JAVA - Muhammet ÇAĞATAY
Programlama Dili Olarak JAVA - Muhammet ÇAĞATAYProgramlama Dili Olarak JAVA - Muhammet ÇAĞATAY
Programlama Dili Olarak JAVA - Muhammet ÇAĞATAYMuhammet ÇAĞATAY
 
IBM Yazılım Akademisi 2011 - Ender MERT
IBM Yazılım Akademisi 2011 - Ender MERTIBM Yazılım Akademisi 2011 - Ender MERT
IBM Yazılım Akademisi 2011 - Ender MERTEnder MERT
 
ASP.Net MVC ile Web Uygulamaları -16(JQuery)
ASP.Net MVC ile Web Uygulamaları -16(JQuery)ASP.Net MVC ile Web Uygulamaları -16(JQuery)
ASP.Net MVC ile Web Uygulamaları -16(JQuery)İbrahim ATAY
 
Web İçin Teknoloji Geliştirmek
Web İçin Teknoloji GeliştirmekWeb İçin Teknoloji Geliştirmek
Web İçin Teknoloji GeliştirmekVolkan Özçelik
 
Wordpress nedir
Wordpress nedirWordpress nedir
Wordpress nedir07ada
 
Dojotoolkit Nedir?
Dojotoolkit Nedir?Dojotoolkit Nedir?
Dojotoolkit Nedir?zehra doruk
 
Front-end First Development Philosophy
Front-end First Development PhilosophyFront-end First Development Philosophy
Front-end First Development PhilosophySerdar Buyuktemiz
 
Gelecegin Gelistiricileri Icin PHP Programlama Dili ve Oneriler
Gelecegin Gelistiricileri Icin PHP Programlama Dili ve OnerilerGelecegin Gelistiricileri Icin PHP Programlama Dili ve Oneriler
Gelecegin Gelistiricileri Icin PHP Programlama Dili ve OnerilerMustafa Ileri
 

Similar to Yahoo's Open! Web Developerları İçin.. (20)

Wordpress nedir
Wordpress nedirWordpress nedir
Wordpress nedir
 
Yazılım Yetekenleri İle Teknik SEO Dünyasında Harikalar Yaratın
Yazılım Yetekenleri İle Teknik SEO Dünyasında Harikalar YaratınYazılım Yetekenleri İle Teknik SEO Dünyasında Harikalar Yaratın
Yazılım Yetekenleri İle Teknik SEO Dünyasında Harikalar Yaratın
 
WP REST API ve WordPress Ekosisteminin Geleceği
WP REST API ve WordPress Ekosisteminin GeleceğiWP REST API ve WordPress Ekosisteminin Geleceği
WP REST API ve WordPress Ekosisteminin Geleceği
 
jQuery ile ASP.NET Uygulamaları Geliştirme
jQuery ile ASP.NET Uygulamaları GeliştirmejQuery ile ASP.NET Uygulamaları Geliştirme
jQuery ile ASP.NET Uygulamaları Geliştirme
 
Web Programlama
Web ProgramlamaWeb Programlama
Web Programlama
 
HTML5 ve Phonegap
HTML5  ve PhonegapHTML5  ve Phonegap
HTML5 ve Phonegap
 
Htmlders
HtmldersHtmlders
Htmlders
 
Programlama Dili Olarak JAVA - Muhammet ÇAĞATAY
Programlama Dili Olarak JAVA - Muhammet ÇAĞATAYProgramlama Dili Olarak JAVA - Muhammet ÇAĞATAY
Programlama Dili Olarak JAVA - Muhammet ÇAĞATAY
 
IBM Yazılım Akademisi 2011 - Ender MERT
IBM Yazılım Akademisi 2011 - Ender MERTIBM Yazılım Akademisi 2011 - Ender MERT
IBM Yazılım Akademisi 2011 - Ender MERT
 
ASP.Net MVC ile Web Uygulamaları -16(JQuery)
ASP.Net MVC ile Web Uygulamaları -16(JQuery)ASP.Net MVC ile Web Uygulamaları -16(JQuery)
ASP.Net MVC ile Web Uygulamaları -16(JQuery)
 
Microservices
MicroservicesMicroservices
Microservices
 
Java 1
Java 1Java 1
Java 1
 
Web İçin Teknoloji Geliştirmek
Web İçin Teknoloji GeliştirmekWeb İçin Teknoloji Geliştirmek
Web İçin Teknoloji Geliştirmek
 
Wordpress nedir
Wordpress nedirWordpress nedir
Wordpress nedir
 
Dojotoolkit Nedir?
Dojotoolkit Nedir?Dojotoolkit Nedir?
Dojotoolkit Nedir?
 
Open Your Source
Open Your SourceOpen Your Source
Open Your Source
 
Wordpress
WordpressWordpress
Wordpress
 
Wordpress
WordpressWordpress
Wordpress
 
Front-end First Development Philosophy
Front-end First Development PhilosophyFront-end First Development Philosophy
Front-end First Development Philosophy
 
Gelecegin Gelistiricileri Icin PHP Programlama Dili ve Oneriler
Gelecegin Gelistiricileri Icin PHP Programlama Dili ve OnerilerGelecegin Gelistiricileri Icin PHP Programlama Dili ve Oneriler
Gelecegin Gelistiricileri Icin PHP Programlama Dili ve Oneriler
 

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

  • 1. Yahoo’s open! Web Developer’ları için
  • 2. Kolay olmayan bir iş: Web Developer olmak
  • 3. Başladığınızda ve hatta genelde zamanın çoğu üretmekten çok tamir etmek ve bug’ları bulmakla geçer...
  • 4. Birbiriyle ilintili ve bağlantılı bug’lar varsa çok büyük sorun olmaz...
  • 5. Sıfırdan yazmanın imkansızlığı sebebiyle bulunan bug’lara ciddi zaman harcanır...
  • 6. Temel neden nedir? Web ve Browser’lar gelişimi tamamlanmış veya tamamlanabilen yapılar değillerdir.
  • 7. Bug’ları yok eden etkilerden birisi: Komünite bazlı çalışma!
  • 8. İyi haber: Türkiye’de artık bu düzeni kolaylaştıran bir başlangıç noktası var...
  • 11.  
  • 12. YDN API’leri ile ilgili en önemli özellik nedir? açık ve serbest bir yapı...
  • 13. Nasıl ve hangi yapılarla kullanabilirim? JSON, PHP, XML
  • 15. Flickr üzerinden fotoğrafları almak ve kendi sayfamızda yayınlamak... Bu arada Flickr’ın bir Yahoo! Ürünü olduğunu biliyor muyuz?
  • 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']; } ?>
  • 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']; } ?>
  • 18.  
  • 19. Bu kurallar ve anlatılanlar tüm API’lere ve tüm Yahoo! ürünlerine uygulanabilir...
  • 20. Herşeyi ve her detayı bilmenize gerek yok, ihtiyacınız olan kadar data ile elinizdeki yapıyı iyileştirebilirsiniz...
  • 21. Evet API’ler istediğim altyapıyı sağlıyor fakat datayı istediğim formatta çıkaramıyorum?
  • 22. Ki şu anda göstereceğim benim favorimdir...
  • 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
  • 24. Data ile ilgili yeterince konuştuk...
  • 25. ... görsellik asıl zor kısım .
  • 26.  
  • 27. Yahoo User Interface Kütüphanesi, Mükemmel kullanıcı arayüzleri için ideal bir kaynak....
  • 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
  • 30. Calender Menu Button Slider Menu Button
  • 31.  
  • 32. YUI üzerinde problemleri ve bug’ları çözmek? Tam bir topluluk çalışması...
  • 33. Hata bulunur Yeri kaydedilir YUI’ya anlatılır YUI düzeltir Artık bir sorun yok!
  • 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.
  • 35.  
  • 36. YUI nedir? Bir kütüphane ( kullanıcı ihtiyacını barındıran faydalı bir kaynak )
  • 37. YUI nedir? JavaScript kütüphanesidir ( Bütün browser’larda aynı kaliteyi yakalamaya çalışır. )
  • 38. YUI nedir? CSS taslağıdır... ( En güzel tasarımı sunmaya çalışır. )
  • 39.  
  • 40. YUI nedir? Bir geliştirme methodudur. ( Ağır olmayan bir kodlama , Hızlı ilerleme... )
  • 41. YUI nedir? Tamamen dokümante edilmiş ve her parça örneklerle desteklenmiştir.
  • 42. YUI nedir? Ücretsiz ve açık kaynaktır.
  • 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...
  • 44. Avantaj! YUI dosyalarını Yahoo! Server’ları üzerinde host etmek...
  • 45. Özetle: Hayatınızı oldukça kolaylaştıran bir dünyadır...
  • 46.  
  • 48.
  • 49. Türkiye için biraz erken olsa da , sistemsel olarak açık olan bir ürün örneği...
  • 50.  
  • 51. Yahoo! arama sonuçları geliştiricilerin avuçlarında...
  • 52. Orjinal gösterim yerine gelişmiş bir çıktı ve sonuç! Bilgi kutuları ve Drop Down Menülerle daha iyi sonuç!
  • 53. Twitter: http://twitter.com/YahooTurkey Yakında bir de bloğumuz olacak... Volkan Biçer, Yahoo! Turkey Community Manager