SlideShare a Scribd company logo
Things
you
can
use
  ...provided
by
the
Yahoo
Developer
Network

                                  and
friends.




        Chris&an
Heilmann
‐
YDN
Developer
Evening,
Oslo,
Norway

‐
December
2009
Web
development
is

confusing
enough
as
it
is.
There
is
no
need
to
make
it

harder
by
not
using
what
has

been
done
for
us.
Today,
I
am
going
to
show

you
some
things
that
you
can

use
immediately
to
build

faster
and
beIer
web

products.
Quickly
about
me:
hIp://developer‐evangelism.com
hIp://developer.yahoo.com
Quickly
about
me:
Learning
the
basics

10   INPUT A$
20   PRINT A$
30   PRINT “ROCKS!”
40   GOTO 10
WaSP Interact




hIp://interact.webstandards.org/
Opera Web Standards
          curriculum




hIp://www.opera.com/company/educa&on/curriculum/
YDN Theater




hIp://developer.yahoo.net/blogs/theater/
No
more
copy
&
paste
and

trial
and
error.
Star&ng
with
a
clean
canvas.




   hIp://developer.yahoo.com/yui/ar&cles/gbs/
Web
sites
are
not
meant
to

look
and
work
the
same

everywhere.

On
the
contrary
‐
the
ability

to
accustom
the
interface
to

different
user
agents
is
what

makes
web
development
so

powerful.
CSS
frameworks
and
frontend

libraries




                        (...)
Libraries
make
our
job

predictable
and
allow
us
to

use
web
standards
without

catering
for
browsers.
If
you
build
your
code
based

on
libraries
you
can
fix
your

product
for
the
next
browser

by
upgrading
the
library.
If
you
choose
to
do

everything
yourself
‐
good

luck.

Building
interfaces
that
work
hIp://developer.yahoo.com/ypaIerns
hIp://developer.yahoo.com/ypaIerns/wireframes/
Using
the
web.



            CMS
Things you can use (by the Yahoo Developer Network and friends)
Thinking
data
first.
The
complexity
of
your

product
increases
with
the

number
of
APIs
you
use.

Every
API
has
different
ways

to
authen&cate,
expects

different
parameters
and

returns
data
in
different

formats.
Mixing
the
web
with
YQL
           1)
Define
your
Query



                    3)
Copy
the
URL.

2)
Select
your
output
Find
London.

select
*
from
geo.places
where

text="london,uk"
Define
London
and
get
photos
taken

there.
select
*
from
flickr.photos.search

where
woe_id
in
(


select
woeid
from
geo.places


where
text="london"
)
Get
all
the
informa&on
about
these

photos.
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="london"))
Get
only
what
we
need.

select

farm,
id,
secret,owner.realname,
server,

&tle,urls.url.content

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="london"))
Select
format
JSON,
define
a

callback
and
copy
and
paste
the

URL.
hIp://query.yahooapis.com/v1/public/yql?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%22london
%22))&format=json&diagnos&cs=false&env=store%3A
%2F%2Fdatatables.org
%2Falltableswithkeys&callback=flickr
Copy
into
a
script
src
and
write
a

few
lines
of
Dom
Scrip&ng.
PROFIT!




 hIp://isithackday.com/hacks/ajaxexperience/flickrgeophotos.html
Is
this
Yahoo
only?
Any
data
on
the
web
will
do.
                   atom
                   csv
                   feed
   select
*
from   html
                   json
                   microformats
                   rss
                   xml
http://www.dcs.gla.ac.uk/~joy/fun/jokes/TV.html
Any
data
on
the
web
will
do.




  hIp://isithackday.com/hacks/scraping‐with‐yql/
You
can
also
add
your
own

data
by
providing
a
simple

XML
schema
called
an
open

table.


  hIp://developer.yahoo.com/yql/guide/yql‐opentables‐chapter.html
Moving
JavaScript
to
the

server
side.
YQL
open
tables
can
have

embedded
JS
that
runs
on

the
YQL
server
(with
Rhino)

and
supports
XML
na&vely

with
E4X..

  hIp://developer.yahoo.com/yql/guide/yql‐execute‐chapter.html
Things you can use (by the Yahoo Developer Network and friends)
Flickr
photos
as
ULs

 select
*
from
flickr.photolist
where

 text="me"
and
loca&on="uk"
and

 amount=20
Display
with
JavaScript
Display
with
PHP
Join
us!






hIp://github.com/yql/yql‐tables
Documenta&on





hIp://developer.yahoo.com/yql/
Building
with
blocks.
Build
a
CSS
layout
that
works.




    http://developer.yahoo.com/yui/grids/builder/
Use
already
exis&ng
widgets.


   http://isithackday.com/hacks/cantine/
        index.php?loc=covent+garden




      hIp://isithackday.com/hacks/can&ne/
hIp://isithackday.com/hacks/delhi/
hIp://developer.yahoo.com/yui/
Things you can use (by the Yahoo Developer Network and friends)
hIp://developer.yahoo.com/yui/docs/
hIp://developer.yahoo.com/yui/examples/
Wanna
get
super
famous?
YAP
is
the
plalorm
hIp://developer.yahoo.com/yap/guide/yap‐overview.html
hIps://developer.apps.yahoo.com/dashboard
Things you can use (by the Yahoo Developer Network and friends)
Things you can use (by the Yahoo Developer Network and friends)
hIp://developer.yahoo.com/yap/guide/caja‐ready‐code‐exs.html
Yahoo
Markup
Language




 hIp://developer.yahoo.com/yap/guide/yapdev‐yml.html
YML
Tags
yml:a                 yml:name
yml:ad                yml:profile‐pic
yml:audio             yml:pronoun
yml:form              yml:share
yml:friend‐selector   yml:swf
yml:if‐env            yml:user‐badge


yml:message
Building
a
form
in
YML.
  script
to
call   element
to
replace
Things you can use (by the Yahoo Developer Network and friends)
A
very
simple
API
on
top
of

YQL
Things you can use (by the Yahoo Developer Network and friends)
hIp://yahoo.com/add?yapid=zKMBH94k
Things you can use (by the Yahoo Developer Network and friends)
Things you can use (by the Yahoo Developer Network and friends)
Things you can use (by the Yahoo Developer Network and friends)
Things you can use (by the Yahoo Developer Network and friends)
Things you can use (by the Yahoo Developer Network and friends)
hIp://github.com/yahoo/yos‐social‐php
Things you can use (by the Yahoo Developer Network and friends)
YUI
in
a
nutshell...
 YUI
 is
 the
 system
 that
 Yahoo
 uses
 to
 build
 its

 web
sites.
It
is
constantly
tested
to
work
for
the

 largest
 amount
 of
 users,
 free,
 open
 source
 and

 covers
everything
from
design
paIerns
to
out‐of‐
 the‐box
 widgets.
 It
 is
 modular
 and
 you
 can
 use

 only
 what
 you
 need.
 You
 can
 either
 host
 it

 yourself
 or
 get
 it
 from
 a
 network
 of
 distributed

 servers.
YQL
in
a
nutshell
 YQL
is
a
web
service
that
allows
you
to
mash‐up

 any
data
on
the
web
from
various
sources
with
a

 simple
 SQL‐style
 language.
 You
 can
 filter
 the

 data
 down
 to
 what
 you
 need
 and
 you
 can

 convert
 the
 data
 with
 server‐side
 JavaScript

 before
 returning
 it.
 Data
 providers
 can
 use
 YQL

 to
 publish
 an
 API
on
 the
 web
on
 top
 of
 Yahoo’s

 infrastructure
and
cloud
storage.
YAP
in
a
nutshell
 YAP
 is
 the
 Yahoo
 Applica&on
 Plalorm
 which

 allows
 you
 to
 build
 applica&ons
that
 run
 on
 the

 Yahoo
homepage
and
soon
other
proper&es.
You

 can
 dive
 into
 Yahoo’s
 social
 graph
 to
 promote

 your
 applica&ons
 and
 you
 can
 create
 highly

 secure
web
apps
as
YAP
uses
Caja
to
ensure
code

 quality.
 

...
and
I
am
spent!
Christian Heilmann
http://wait-till-i.com
http://developer-evangelism.com
http://twitter.com/codepo8

More Related Content

PDF
Using YQL Sensibly - YUIConf 2010
PDF
Open Hack London - Introduction to YQL
PPTX
Hack with YUI
PDF
Downloading the internet with Python + Scrapy
PDF
How to Scrap Any Website's content using ScrapyTutorial of How to scrape (cra...
PDF
Using Web Services with JavaScript - Fronttrends 2010
PPTX
Hack Day EU 2011 YQL
PDF
Web Scraping with Python
Using YQL Sensibly - YUIConf 2010
Open Hack London - Introduction to YQL
Hack with YUI
Downloading the internet with Python + Scrapy
How to Scrap Any Website's content using ScrapyTutorial of How to scrape (cra...
Using Web Services with JavaScript - Fronttrends 2010
Hack Day EU 2011 YQL
Web Scraping with Python

What's hot (17)

PDF
Web Crawling Modeling with Scrapy Models #TDC2014
PDF
Cross Domain Web
Mashups with JQuery and Google App Engine
PPTX
Visdjango presentation django_boston_oct_2014
PDF
Powerful tools that you need and might not know about
PDF
Web Scrapping with Python
PPTX
WAPWG Clark defining capturing_web-based_if
PPTX
JavaScript APIs you’ve never heard of (and some you have)
PDF
Aura LA GDG - July 17-2017
PDF
JavaScript APIs - The Web is the Platform - .toster conference, Moscow
PDF
Developing for Mobile
PPTX
There's Nothing so Permanent as Temporary
PDF
HTML5 APIs - Where no man has gone before! - Altran
PDF
Everything is Awesome - Cutting the Corners off the Web
KEY
groovy & grails - lecture 12
PDF
Dive into .git
PDF
HTML5, The Open Web, and what it means for you - MDN Hack Day, Sao Paulo
PDF
AFUP Lorraine - Symfony Webpack Encore
Web Crawling Modeling with Scrapy Models #TDC2014
Cross Domain Web
Mashups with JQuery and Google App Engine
Visdjango presentation django_boston_oct_2014
Powerful tools that you need and might not know about
Web Scrapping with Python
WAPWG Clark defining capturing_web-based_if
JavaScript APIs you’ve never heard of (and some you have)
Aura LA GDG - July 17-2017
JavaScript APIs - The Web is the Platform - .toster conference, Moscow
Developing for Mobile
There's Nothing so Permanent as Temporary
HTML5 APIs - Where no man has gone before! - Altran
Everything is Awesome - Cutting the Corners off the Web
groovy & grails - lecture 12
Dive into .git
HTML5, The Open Web, and what it means for you - MDN Hack Day, Sao Paulo
AFUP Lorraine - Symfony Webpack Encore
Ad

Similar to Things you can use (by the Yahoo Developer Network and friends) (20)

PDF
Fuel for a great web experience
PDF
Technical Introduction to YDN
PPTX
Yahoo xtra Open Technolgies
PDF
Yahoo is open to developers
PDF
YUI introduction to build hack interfaces
PDF
Yahoo for the Masses
PDF
Things to use, find and share
PPT
Y U I(2)
PDF
Web services and JavaScript
PDF
Fuel for a great web experience.
PDF
Building A Platform From Open Source At Yahoo
PPT
YQL - Christian Heilmann Open Hack London presentation
PDF
OpenY: Scaling and Sharing with Custom Drupal Distribution
DOCX
Microsoft html5 web camp june 15 in nyc notes
PDF
Beyond web services: supporting mashup artists at Yahoo!
PPT
Yahoo Application Platform - Hack Day 2009
PDF
Introduction to YUI
KEY
UCLA HACKU'11
PPT
Yahoo! Application Platform Technical Deep Dive
PPT
UWash Hack U - Y!OS
Fuel for a great web experience
Technical Introduction to YDN
Yahoo xtra Open Technolgies
Yahoo is open to developers
YUI introduction to build hack interfaces
Yahoo for the Masses
Things to use, find and share
Y U I(2)
Web services and JavaScript
Fuel for a great web experience.
Building A Platform From Open Source At Yahoo
YQL - Christian Heilmann Open Hack London presentation
OpenY: Scaling and Sharing with Custom Drupal Distribution
Microsoft html5 web camp june 15 in nyc notes
Beyond web services: supporting mashup artists at Yahoo!
Yahoo Application Platform - Hack Day 2009
Introduction to YUI
UCLA HACKU'11
Yahoo! Application Platform Technical Deep Dive
UWash Hack U - Y!OS
Ad

More from Christian Heilmann (20)

PPTX
Develop, Debug, Learn? - Dotjs2019
PDF
Hinting at a better web
PDF
Taking the "vile" out of privilege
PDF
Seven ways to be a happier JavaScript developer - NDC Oslo
PDF
Artificial intelligence for humans… #AIDC2018 keynote
PDF
Killing the golden calf of coding - We are Developers keynote
PDF
Progressive Web Apps - Techdays Finland
PDF
Taking the "vile" out of privilege
PDF
Five ways to be a happier JavaScript developer
PDF
Taking the P out of PWA
PDF
Sacrificing the golden calf of "coding"
PDF
You learned JavaScript - now what?
PDF
Sacrificing the golden calf of "coding"
PDF
Progressive Web Apps - Covering the best of both worlds - DevReach
PDF
Progressive Web Apps - Covering the best of both worlds
PPTX
Non-trivial pursuits: Learning machines and forgetful humans
PDF
Progressive Web Apps - Bringing the web front and center
PDF
CSS vs. JavaScript - Trust vs. Control
PDF
Leveling up your JavaScipt - DrupalJam 2017
PDF
The Soul in The Machine - Developing for Humans (FrankenJS edition)
Develop, Debug, Learn? - Dotjs2019
Hinting at a better web
Taking the "vile" out of privilege
Seven ways to be a happier JavaScript developer - NDC Oslo
Artificial intelligence for humans… #AIDC2018 keynote
Killing the golden calf of coding - We are Developers keynote
Progressive Web Apps - Techdays Finland
Taking the "vile" out of privilege
Five ways to be a happier JavaScript developer
Taking the P out of PWA
Sacrificing the golden calf of "coding"
You learned JavaScript - now what?
Sacrificing the golden calf of "coding"
Progressive Web Apps - Covering the best of both worlds - DevReach
Progressive Web Apps - Covering the best of both worlds
Non-trivial pursuits: Learning machines and forgetful humans
Progressive Web Apps - Bringing the web front and center
CSS vs. JavaScript - Trust vs. Control
Leveling up your JavaScipt - DrupalJam 2017
The Soul in The Machine - Developing for Humans (FrankenJS edition)

Recently uploaded (20)

PDF
LNK 2025 (2).pdf MWEHEHEHEHEHEHEHEHEHEHE
PDF
1_English_Language_Set_2.pdf probationary
PDF
احياء السادس العلمي - الفصل الثالث (التكاثر) منهج متميزين/كلية بغداد/موهوبين
PPTX
History, Philosophy and sociology of education (1).pptx
PDF
RTP_AR_KS1_Tutor's Guide_English [FOR REPRODUCTION].pdf
PPTX
Final Presentation General Medicine 03-08-2024.pptx
PDF
Indian roads congress 037 - 2012 Flexible pavement
PDF
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
PPTX
UNIT III MENTAL HEALTH NURSING ASSESSMENT
PPTX
Cell Types and Its function , kingdom of life
PPTX
Unit 4 Skeletal System.ppt.pptxopresentatiom
PPTX
Chinmaya Tiranga Azadi Quiz (Class 7-8 )
PDF
A GUIDE TO GENETICS FOR UNDERGRADUATE MEDICAL STUDENTS
PDF
RMMM.pdf make it easy to upload and study
PDF
ChatGPT for Dummies - Pam Baker Ccesa007.pdf
PDF
Trump Administration's workforce development strategy
PPTX
Tissue processing ( HISTOPATHOLOGICAL TECHNIQUE
PDF
GENETICS IN BIOLOGY IN SECONDARY LEVEL FORM 3
PDF
What if we spent less time fighting change, and more time building what’s rig...
PDF
Hazard Identification & Risk Assessment .pdf
LNK 2025 (2).pdf MWEHEHEHEHEHEHEHEHEHEHE
1_English_Language_Set_2.pdf probationary
احياء السادس العلمي - الفصل الثالث (التكاثر) منهج متميزين/كلية بغداد/موهوبين
History, Philosophy and sociology of education (1).pptx
RTP_AR_KS1_Tutor's Guide_English [FOR REPRODUCTION].pdf
Final Presentation General Medicine 03-08-2024.pptx
Indian roads congress 037 - 2012 Flexible pavement
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
UNIT III MENTAL HEALTH NURSING ASSESSMENT
Cell Types and Its function , kingdom of life
Unit 4 Skeletal System.ppt.pptxopresentatiom
Chinmaya Tiranga Azadi Quiz (Class 7-8 )
A GUIDE TO GENETICS FOR UNDERGRADUATE MEDICAL STUDENTS
RMMM.pdf make it easy to upload and study
ChatGPT for Dummies - Pam Baker Ccesa007.pdf
Trump Administration's workforce development strategy
Tissue processing ( HISTOPATHOLOGICAL TECHNIQUE
GENETICS IN BIOLOGY IN SECONDARY LEVEL FORM 3
What if we spent less time fighting change, and more time building what’s rig...
Hazard Identification & Risk Assessment .pdf

Things you can use (by the Yahoo Developer Network and friends)