Building With YQL And YUI
Upcoming SlideShare
Loading in...5
×
 

Building With YQL And YUI

on

  • 9,147 views

An introductory talk how to build quick mashups and products by using YQL to get information of the Web and YUI to build the interface. By building on top of proven concepts and systems that are in ...

An introductory talk how to build quick mashups and products by using YQL to get information of the Web and YUI to build the interface. By building on top of proven concepts and systems that are in use in large web sites and applications you have the time to concentrate on what you want to achieve with your application rather than making it work for browsers.

Statistics

Views

Total Views
9,147
Views on SlideShare
8,623
Embed Views
524

Actions

Likes
21
Downloads
202
Comments
2

14 Embeds 524

http://www.wait-till-i.com 186
http://localhost 114
http://kjellen.nu 98
http://christianheilmann.com 62
http://www.slideshare.net 21
http://myslides.thinkphp.ro 17
http://thinkphp.ro 14
http://icant.co.uk 6
http://www.hanrss.com 1
http://webcache.googleusercontent.com 1
http://drizzlin.com 1
http://www.envagrotech.org 1
http://www.twittertim.es 1
https://www.mturk.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Such a good information.

    Stulangperdana
    www.mdamin76.com/
    www.sprintringtones.org/
    Are you sure you want to
    Your message goes here
    Processing…
  • Thanks for sharing Chris, very nice! Always very nice stuff!
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Building With YQL And YUI Building With YQL And YUI Presentation Transcript

  • YQL
and
YUI Building
blocks
for
quick
applica8ons Chris8an
Heilmann,
Yahoo
internal
talk,
Sunnyvale,
California,
02/02/2010
  • I
am
known
to
be
able
to
 quickly
build
cool
demos.
  • hIp://keywordfinder.org/
  • hIp://isithackday.com/hacks/guardian/
  • hIp://icant.co.uk/geomaker/index.php
  • hIp://github.com/codepo8/QuickTrans
  • hIp://icant.co.uk/goohoobi/index.php?research
  • hIp://uk‐house‐prices.com/
  • The
reason
is
that
I
am
 building
with
things
that
 work.
  • And
that
gives
me
8me
to
 concentrate
on
the
 important
things.
  • One
thing
I
am
bored
of
is
 wri8ng
CSS
layouts.

  • Which
is
why
I
am
using
a
 very
simple
solu8on.
  • hIp://developer.yahoo.com/yui/grids/builder/
  • hIp://developer.yahoo.com/yui/grids/builder/
  • The
reason
is
that
 I
want
to
support
 browsers
‐
not
work for
them.
  • I’d
rather
be
able
to
update
 a
CSS
URI
than
re‐write
my
 CSS
when
a
new
browser
 comes
around.
  • Things
we
spend
far
too
 much
8me
on: Hacks
to
make
browsers
work. Op8mising
prematurely. Using
our
pet
language/environment/library Reading
badly
wriIen
tutorials
and
 incomplete
documenta8on. Using
bleeding
edge
effects
and
interfaces
 and
then
trying
to
create
a
fallback
solu8on. Flashy
effects.
  • What
we
really
should
 start
with
is
the
data.
  • This
is
where
APIs
and
web
 services
come
in.
  • The
issue
is
that
all
of
 these
are
wriIen
 differently,
expect
different

 authen8ca8on
and
give
 back
different
data.
  • YQL



 hIp://developer.yahoo.com/yql/console/
  • YQL



 hIp://developer.yahoo.com/yql/console/ select
{what}
from
{where} 
where
{condi8ons}
  • hIp://isithackday.com/hacks/frankfurt
  • http://github.com/yql/yql-tables
  • A
few
examples... select
*
from
flickr.photos.search
 where
text="donkey"
  • A
few
examples... select
*
from
flickr.photos.search
 where
text="donkey"
and
license=4
  • A
few
examples... select
*
from
craigslist.search
where
 loca8on="s`ay"
and
type="sss"
and
 query="flower
pot"
  • A
few
examples... select
*
from
google.news
where
 q="healthcare"
  • A
few
examples... select
*
from
query.mul8
where
 queries
in
( 'select
*
from
nyt.ar8cle.search
where
 query="healthcare"', 'select
*
from
microsoc.bing.news
where
 query="healthcare"', 'select
*
from
google.news
where
q="healthcare"' )
  • A
few
examples... select
content
from
html
where
 url="hIp://www.foxnews.com/"
and
 xpath="//h2/a"
  • A
few
examples... select
*
from
google.translate
where
q
 in
( select
content
from
html
where
 url="hIp://www.foxnews.com/"
and
 xpath="//h2/a" )
and
target="fr"
  • A
few
examples... insert
into
wordpress.post
 (8tle,
descrip8on,
blogurl,
username,
 password)
 values
("Test
Title",
"This
is
a
test
 body",
"hIp://yqltest.wordpress.com",
 "yqltest",
"password")
  • Using
YQL
has
a
lot
of
 benefits: No
8me
wasted
reading
API
docs Using
the
console
makes
crea8ng
complex
 queries
dead
easy. Data
filtering
down
to
the
least
amount
 necessary. Fast
pipes. Caching
+
conver8ng
 Server‐side
JavaScript

  • Using
YQL
is
easy!
(PHP)
  • Using
YQL
is
easy!
(JavaScript)
  • What
I
tend
to
do
with
YQL
 is
build
APIs
that
render
 out
HTML.
  • The
reason:
re‐use.

  • An
“API”
like
this
allows
 you
to
build
a
non‐script
 version
and
re‐use
it
with
 Ajax
for
a
slicker
 experience.

  • Furthermore,
you
can
offer
 it
to
the
outside
world
 later
:)
  • And
to
build
the
interface,
 I
use
libraries.
  • Libraries. (...)
  • NESS A D H E 
M OP 
T ST
  • Build
interfaces
that
work!
  • hIp://icant.co.uk/csscharts/
  • hIp://uk‐house‐prices.com/graphs.php? bloc=230&bstart=50&bend=54&start=50&end=54&loc=230
  • hIp://developer.yahoo.com/yui/ar8cles/hos8ng/#configure
  • hIp://developer.yahoo.com/yui/examples/autocomplete/ ac_basic_array.html
  • hIp://developer.yahoo.com/yui/examples/slider/ slider_dual_with_highlight.html
  • Preview
8me!
  • Kids
these
days... hIp://www.flickr.com/photos/jamin2/3851031112/ hIp://www.flickr.com/photos/codepo8/311805104/
  • By
using
out‐of‐the‐box
 solu8ons
and
keeping
a
 pragma8c
mind
you
can
 quickly
build
something.
  • And
if
that
is
not
crea8ve
 enough
for
you,
you
could
 help
improving
the
 libraries
that
enable
others
 to
do
so.
  • Only
by
using,
tes8ng
and
 improving
we
can
build
 beIer
solu8ons.
  • So,
give
the
things
I
 showed
a
go,
and
feed
 back
to
us
what
needs
 improvement!
  • 
Chris8an
Heilmann 
hIp://wait‐8ll‐i.com
 Thanks! 
hIp://developer‐evangelism.com 
hIp://twiIer.com/codepo8