YQLandYUIBausteinefürsweb

Chris7anHeilmann,Yahoointernaltalk,Sunnyvale,California,02/02/2010

Ichbindafürbekannt,schnellmaleineWebapplika7onzubauen.

hJp://keywordfinder.org/

hJp://isithackday.com/hacks/guardian/

hJp://icant.co.uk/geomaker/index.php

hJp://github.com/codepo8/QuickTrans

hJp://icant.co.uk/goohoobi/index.php?research

hJp://uk‐house‐prices.com/

DerGrundist,dasichschonbestehendeBausteineverwende.

UnddasgibtmirdieFreiheit,michaufWich7gereszukonzentrieren.

Etwas,wasmichlangweiltsindCSSlayouts.

AusdiesemGrundverwendeicheinbestehendesWerkzeugdafür.

hJp://developer.yahoo.com/yui/grids/builder/

hJp://developer.yahoo.com/yui/grids/builder/

DerGrundistdasichBrowserunterstützenwill,anstaJfürsiezuarbeiten.

EineCSSURIzuerneuernistumeinigeseinfacher,alsdasCSSneuzuschreiben.

Dinge,fürdiewirvielzuvielZeitverwenden:

Browser‐spezifischeTricksundFehlerbehebungenFrühzei7geOp7mierungVerwendungunsererLieblingstechnologie‐egalwiepassend.LesenvonschlechterundveralteterDokumenta7onVerwendungvonkomplexenTechnologienunddannderVersucheinebarrierefreieAlterna7vversionzuerstellen.Klickibun7undDschingderassabumm

Womitwirwirklichbeginnensollten,sinddieDaten.

UndhierkommenwirzumThemaAPIsundWebservices.

DasProblemmitdenenistdasalleunterschiedlichsind,eigeneSchlüsselbrauchenunddateninwirrenFormatenzurückgeben.

YQLhJp://developer.yahoo.com/yql/console/

YQLhJp://developer.yahoo.com/yql/console/

select{was}from{wo}where{kondi7onen}

hJp://isithackday.com/hacks/frankfurt

http://github.com/yql/yql-tables

EinpaarBeispiele...

select*fromflickr.photos.searchwheretext="donkey"

EinpaarBeispiele...

select*fromflickr.photos.searchwheretext="donkey"andlicense=4

EinpaarBeispiele...

select*fromcraigslist.searchwhereloca7on="sfay"andtype="sss"andquery="flowerpot"

EinpaarBeispiele...

select*fromgoogle.newswhereq="healthcare"

EinpaarBeispiele...select*fromquery.mul7wherequeriesin('select*fromnyt.ar7cle.searchwherequery="healthcare"','select*frommicrosoi.bing.newswherequery="healthcare"','select*fromgoogle.newswhereq="healthcare"'

)

EinpaarBeispiele...

selectcontentfromhtmlwhereurl="hJp://www.foxnews.com/"andxpath="//h2/a"

EinpaarBeispiele...

select*fromgoogle.translatewhereqin(selectcontentfromhtmlwhereurl="hJp://www.foxnews.com/"andxpath="//h2/a"

)andtarget="fr"

EinpaarBeispiele...

insertintowordpress.post(7tle,descrip7on,blogurl,username,password)values("TestTitle","Thisisatestbody","hJp://yqltest.wordpress.com","yqltest","password")

DieVerwendungvonYQLbringtmehrereVorteile:

KeineZeitdamitzuverschwenden,Dokumenta7onzulesen.DieVerwendungderKonsolemachteseinfachkomplexeAbfragenzuerstellen.Datenwerdenaufnurdasnö7gstereduziert.DickeAnbindungCachingundKonver7erungServersei7gesJavaScript

YQListeinfach!(PHP)

YQListeinfach!(JavaScript)

NormalerweiseerstelleichkleineAPIsmitYQL.

DerGrund:Wiederverwendung.

Einesolche“API”erlaubtesmireinenicht‐JavaScriptVersionzuerstellenundinderJavaScriptVersionperAjaxdiegleichenDatenzuerhalten.

AusserdemkannmandanndieAPIauchanderenEntwicklernanbieten:)

UndumdasInterfacezubauen,verwendeichBibliotheken.

Bibliotheken.

(...)

SCHLUS

SDAMIT!

Webseitensollenvonjedemverwendbarsein.DasbedeutetsinnigesHTMLundCSS.

hJp://icant.co.uk/csscharts/

hJp://uk‐house‐prices.com/graphs.php?bloc=230&bstart=50&bend=54&start=50&end=54&loc=230

hJp://developer.yahoo.com/yui/ar7cles/hos7ng/#configure

hJp://developer.yahoo.com/yui/examples/autocomplete/ac_basic_array.html

hJp://developer.yahoo.com/yui/examples/slider/slider_dual_with_highlight.html

KleineVorschau!

Kinnerschheutzutage...

hJp://www.flickr.com/photos/jamin2/3851031112/hJp://www.flickr.com/photos/codepo8/311805104/

IndemmanBausteineverwendetundwiederverwendbareSkriptserstelltkannmansehrschnelleineApplika7onzusammenstellen.

Fallsdasnichtkrea7vgenugist,kannmanjadenBibliothekenhelfen,diesAnderenzuerlauben.

NurdurchdieAnwendungunddurchTesteninechtenProduktenkönnenwirunsereLösungenverbessern.

Also,probierdochmalaus,washiergezeigtwurde.EventuellstecktjaauchderHackerindir.

Chris7anHeilmannhJp://wait‐7ll‐i.comhJp://developer‐evangelism.comhJp://twiJer.com/codepo8

Thanks!