1. Five things for you!
Christian Heilmann | http://wait-till-i.com | http://twitter.com/codepo8
Developer Evening, Barcelona, Spain, June 2009

2. http://www.flickr.com/photos/satanslaundromat/2462736032/

6. 1) Research

7. http://developer.yahoo.com/ypatterns

8. http://developer.yahoo.com/ypatterns/wireframes/

9. http://developer.yahoo.com/performance/

10. 2) Flexible,
professional
development

11. http://developer.yahoo.com/yui/articles/gbs/

12. http://developer.yahoo.com/yui/

13. There is no such thing as an
“unstyled page”.

16. http://developer.yahoo.com/yui/grids/builder/

18. http://ui.jquery.com/
http://ui.jquery.com

19. http://developer.yahoo.com/yui/articles/skinning/

20. http://developer.yahoo.com/yui/examples/autocomplete/
ac_basic_xhr_log.html

21. Without JavaScript With JavaScript
http://developer.yahoo.com/yui/examples/autocomplete/ac_basic_array_clean.html

22. Without JavaScript
With JavaScript
http://developer.yahoo.com/yui/examples/datatable/dt_enhanced.html

26. We provide the bricks,
you build the product.
http://www.flickr.com/photos/seven13avenue/2080281038/

27. 3) Documentation

34. 4) Things to
impress your
Boss with

35. http://developer.yahoo.com/search/boss/

36. Thus you can create niche
search products.
http://keywordfinder.org/

37. http://developer.yahoo.com/yslow/

38. Defining Barcelona, Spain
without a doubt.
select woeid from
geo.places where
text='barcelona,spain'

39. Then find photos that were
taken there.
select id from flickr.photos.search
where woe_id in (
select woeid from geo.places where
text='barcelona,spain')

40. Check that they have the
right license.
select id from flickr.photos.search
where woe_id in (
select woeid from geo.places where
text='barcelona,spain') and
license=4

41. And get all the information
about them.
select * from flickr.photos.info
where photo_id in (select id from
flickr.photos.search where woe_id in
(select woeid from geo.places where
text='barcelona,spain') and
license=4)

42. http://developer.yahoo.com/yql
http://developer.yahoo.com/yql/console/?q=select%20*%20from
%20flickr.photos.info%20where%20photo_id%20in%20(select%20id%20from
%20flickr.photos.search%20where%20woe_id%20in%20(select%20woeid
%20from%20geo.places%20where%20text%3D%27barcelona%2Cspain
%27)%20and%20license%3D4)

43. http://isithackday.com/hacks/barcelona/

44. <?php
$root = 'http://query.yahooapis.com/v1/public/yql?q=';
$city = 'Barcelona';
$loc = 'Barcelona';
$yql = 'select * from html where url = 'http://en.wikipedia.org/wiki/'.
$city.'' and xpath="//div[@id='bodyContent']/p" limit 3';
$url = $root . urlencode($yql) . '&format=xml';
$info = getstuff($url);
$info = preg_replace("/.*<results>|</results>.*/",'',$info);
$info = preg_replace("/<?xml version="1.0"".
" encoding="UTF-8"?>/",'',$info);
$info = preg_replace("//",'',$info);
$info = preg_replace("/"/wiki/",'"http://en.wikipedia.org/wiki',$info);

45. $yql = 'select * from upcoming.events.bestinplace(5) where woeid in
(select woeid from geo.places where text="'.$loc.'") |
unique(field="description")';
$url = $root . urlencode($yql) . '&format=json';
$events = getstuff($url);
$events = json_decode($events);
foreach($events->query->results->event as $e){
$evHTML.='<li><h3><a href="'.$e->ticket_url.'">'.$e->name.'</a></
h3><p>'.substr($e->description,0,100).'&hellip;</p></li>';
}
$yql = 'select * from flickr.photos.info where photo_id in (select id
from flickr.photos.search where woe_id in (select woeid from geo.places
where text="'.$loc.'")) limit 16';
$url = $root . urlencode($yql) . '&format=json';
$photos = getstuff($url);
$photos = json_decode($photos);
foreach($photos->query->results->photo as $s){
$src = "http://farm{$s->farm}.static.flickr.com/{$s->server}".
"/{$s->id}_{$s->secret}_s.jpg";
$phHTML.='<li><a href="'.$s->urls->url->content.'"><img alt="'.
$s->title.'" src="'.$src.'"></a></li>';
}

46. $yql='select description from rss where url="http://
weather.yahooapis.com/forecastrss?p=SPXX0015&u=c"';
$url = $root . urlencode($yql) . '&format=json';
$weather = getstuff($url);
$weather = json_decode($weather);
$weHTML = $weather->query->results->item->description;
function getstuff($url){
$curl_handle = curl_init();
curl_setopt($curl_handle, CURLOPT_URL, $url);
curl_setopt($curl_handle, CURLOPT_CONNECTTIMEOUT, 2);
curl_setopt($curl_handle, CURLOPT_RETURNTRANSFER, 1);
$buffer = curl_exec($curl_handle);
curl_close($curl_handle);
if (empty($buffer)){
return 'Error retrieving data, please try later.';
} else {
return $buffer;
}
}?>

48. <?php
$root = 'http://query.yahooapis.com/v1/public/yql?q=';
$yql="select * from search.web where query in
('vicky','cristina','barcelona','vicky cristina barcelona')";
$url = $root . urlencode($yql) . '&format=json';
$search = getstuff($url);
$search = json_decode($search);
$search = $search->query->results;
$vHTML = '';
$bHTML = '';
$vHTML = '';
$aHTML = '';
foreach($search->result as $i){
$tmpl = '<li><h3><a href="'.$i->clickurl.'">'.
$i->title.'</a></h3><p>'.$i->abstract.
' (<a href="'.$i->clickurl.
'">'.$i->dispurl.'</a>)</p></li>';
if(preg_match('/vicky/i',$i->abstract) &&
!preg_match('/cristina/i',$i->abstract) &&
!preg_match('/barcelona/i',$i->abstract)){
$v[]=$tmpl;
};

49. if(preg_match('/cristina/i',$i->abstract) &&
!preg_match('/vicky/i',$i->abstract) &&
!preg_match('/barcelona/i',$i->abstract)){
$c[]=$tmpl;
};
if(!preg_match('/vicky/i',$i->abstract) &&
!preg_match('/cristina/i',$i->abstract) &&
preg_match('/barcelona/i',$i->abstract)){
$b[]=$tmpl;
};
if(preg_match('/vicky/i',$i->abstract) &&
preg_match('/cristina/i',$i->abstract) &&
preg_match('/barcelona/i',$i->abstract)){
$aHTML.= $tmpl;
};
$vHTML = @join(' ',array_slice($v,0,3));
$bHTML = @join(' ',array_slice($b,0,3));
$cHTML = @join(' ',array_slice($c,0,3));
}

50. function getstuff($url){
$curl_handle = curl_init();
curl_setopt($curl_handle, CURLOPT_URL, $url);
curl_setopt($curl_handle, CURLOPT_CONNECTTIMEOUT, 2);
curl_setopt($curl_handle, CURLOPT_RETURNTRANSFER, 1);
$buffer = curl_exec($curl_handle);
curl_close($curl_handle);
if (empty($buffer)){
return 'Error retrieving data, please try later.';
} else {
return $buffer;
}
}?>

51. <script type="text/javascript" charset="utf-8">
function seed(o){
var res = o.query.results.result;
var vmatch = /vicky/gi;
var cmatch = /cristina/gi;
var bmatch = /barcelona/gi;
var out = {
vicky:[],
cristina:[],
barcelona:[],
all:[]
};
for(var i=0,j=res.length;i<j;i++){
var a = res[i].abstract;
var tmpl = '<li><h3><a href="'+res[i].clickurl+'">'+
res[i].title+'</a></h3><p>'+res[i].abstract+
' (<a href="'+res[i].clickurl+
'">'+res[i].dispurl+'</a>)</p></li>';
if(a.match(vmatch) && !a.match(bmatch) && !a.match(cmatch)){
out.vicky.push(tmpl);
}
if(a.match(cmatch) && !a.match(bmatch) && !a.match(vmatch)){
out.cristina.push(tmpl);
}

52. if(a.match(bmatch) && !a.match(cmatch) && !a.match(vmatch)){
out.barcelona.push(tmpl);
}
if(a.match(bmatch) && a.match(cmatch) && a.match(vmatch)){
out.all.push(tmpl);
}
}
function $(elm){
return document.getElementById(elm);
}
var vi = out.vicky.slice(0,3).join('');
var cr = out.cristina.slice(0,3).join('');
var ba = out.barcelona.slice(0,3).join('');
$('vicky').innerHTML+='<ol>'+vi+'</ol>';
$('cristina').innerHTML+='<ol>'+cr+'</ol>';
$('barcelona').innerHTML+='<ol>'+ba+'</ol>';
$('allofthem').innerHTML+='<ol>'+out.all.join('')+'</ol>';
}
</script>
<script type="text/javascript" src="http://query.yahooapis.com/v1/public/
yql?q=select%20*from%20search.web%20where%20query%20in
%20('Vicky'%2C'Cristina'%2C'Barcelona'%2C'vicky%20cristina
%20barcelona')&format=json&env=http%3A%2F%2Fdatatables.org
%2Falltables.env&callback=seed"></script>

53. 5) Partnering

54. use 'http://eatyourgreens.org.uk/yql/nmm-search.xml' as nmm;
select * from nmm where category = 'art' and searchterm =
'"tower bridge"'

55. http://github.com/spullara/yql-tables/tree/master

56. T H A N K S !
Christian Heilmann
http://icant.co.uk
http://wait-till-i.com
http://scriptingenabled.org
http://twitter.com/codepo8