yql and yui - bausteine fuers web
DESCRIPTION
Es ist heutzutage ziemlich einfach, schnell eine Web Applikation zusammenzustellen. In diesem Vortrag zeigt Christian Heilmann wie er einige seiner Beispielapplikationen in einem Tag erstellen konnte indem er Bausteine wie YQL und YUI verwendete.TRANSCRIPT
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!