YQL and YUI Bausteine fürs web Chris7an Heilmann, Yahoo internal talk, Sunnyvale, California, 02/02/2010
Jan 20, 2015
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
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!