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.

1. YQL and YUI
Bausteine fürs web
Chris7an Heilmann, Yahoo internal talk, Sunnyvale, California, 02/02/2010

2. Ich bin dafür bekannt,
schnell mal eine
Webapplika7on zu bauen.

3. hJp://keywordfinder.org/

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

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

6. hJp://github.com/codepo8/QuickTrans

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

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

9. Der Grund ist, das ich
schon bestehende
Bausteine verwende.

10. Und das gibt mir die
Freiheit, mich auf
Wich7geres zu
konzentrieren.

11. Etwas, was mich langweilt
sind CSS layouts.

12. Aus diesem Grund
verwende ich ein
bestehendes Werkzeug
dafür.

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

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

15. Der Grund ist das ich
Browser unterstützen will,
anstaJ für sie zu arbeiten.

16. Eine CSS URI zu erneuern
ist um einiges einfacher,
als das CSS neu zu
schreiben.

17. Dinge, für die wir viel zu
viel Zeit verwenden:
Browser‐spezifische Tricks und Fehlerbehebungen
Frühzei7ge Op7mierung
Verwendung unserer Lieblingstechnologie ‐ egal wie
passend.
Lesen von schlechter und veralteter Dokumenta7on
Verwendung von komplexen Technologien und dann
der Versuch eine barrierefreie Alterna7vversion zu
erstellen.
Klickibun7 und Dschingderassabumm

18. Womit wir wirklich
beginnen sollten, sind die
Daten.

19. Und hier kommen wir zum
Thema APIs und
Webservices.

20. Das Problem mit denen ist
das alle unterschiedlich
sind, eigene Schlüssel
brauchen und daten in
wirren Formaten
zurückgeben.

21. YQL hJp://developer.yahoo.com/yql/console/

22. YQL hJp://developer.yahoo.com/yql/console/
select {was} from {wo}
where {kondi7onen}

23. hJp://isithackday.com/hacks/frankfurt

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

25. Ein paar Beispiele...
select * from flickr.photos.search
where text="donkey"

26. Ein paar Beispiele...
select * from flickr.photos.search
where text="donkey" and license=4

27. Ein paar Beispiele...
select * from craigslist.search where
loca7on="sfay" and type="sss" and
query="flower pot"

28. Ein paar Beispiele...
select * from google.news where
q="healthcare"

29. Ein paar Beispiele...
select * from query.mul7 where
queries in (
'select * from nyt.ar7cle.search where
query="healthcare"',
'select * from microsoi.bing.news where
query="healthcare"',
'select * from google.news where q="healthcare"'
)

30. Ein paar Beispiele...
select content from html where
url="hJp://www.foxnews.com/" and
xpath="//h2/a"

31. Ein paar Beispiele...
select * from google.translate where q
in (
select content from html where
url="hJp://www.foxnews.com/" and
xpath="//h2/a"
) and target="fr"

32. Ein paar Beispiele...
insert into wordpress.post
(7tle, descrip7on, blogurl, username,
password)
values ("Test Title", "This is a test
body", "hJp://yqltest.wordpress.com",
"yqltest", "password")

33. Die Verwendung von YQL
bringt mehrere Vorteile:
Keine Zeit damit zu verschwenden,
Dokumenta7on zu lesen.
Die Verwendung der Konsole macht es
einfach komplexe Abfragen zu erstellen.
Daten werden auf nur das nö7gste reduziert.
Dicke Anbindung
Caching und Konver7erung
Serversei7ges JavaScript

35. YQL ist einfach! (PHP)

36. YQL ist einfach! (JavaScript)

37. Normalerweise erstelle ich
kleine APIs mit YQL.

40. Der Grund:
Wiederverwendung.

41. Eine solche “API” erlaubt
es mir eine nicht‐JavaScript
Version zu erstellen und in
der JavaScript Version per
Ajax die gleichen Daten zu
erhalten.

42. Ausserdem kann man dann
die API auch anderen
Entwicklern anbieten :)

43. Und um das Interface zu
bauen, verwende ich
Bibliotheken.

44. Bibliotheken.
(...)

45. IT !
DA M
SS
HLU
SC

46. Webseiten sollen von
jedem verwendbar sein.
Das bedeutet sinniges
HTML und CSS.

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

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

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

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

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

58. Kleine Vorschau!

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

60. Indem man Bausteine
verwendet und
wiederverwendbare
Skripts erstellt kann man
sehr schnell eine
Applika7on
zusammenstellen.

61. Falls das nicht krea7v
genug ist, kann man ja den
Bibliotheken helfen, dies
Anderen zu erlauben.

62. Nur durch die Anwendung
und durch Testen in echten
Produkten können wir
unsere Lösungen
verbessern.

63. Also, probier doch mal aus,
was hier gezeigt wurde.
Eventuell steckt ja auch
der Hacker in dir.

64. Chris7an Heilmann
hJp://wait‐7ll‐i.com
Thanks!
hJp://developer‐evangelism.com
hJp://twiJer.com/codepo8