My presentation at the Web Expo in Prague, Czech Republic about making our lives easier as developers by using libraries and building reusable components.

1. How being lazy makes you
a be2er developer.
Christian Heilmann – Web 2.0 Expo, Prague – October 2009
cleverly

2. I am a developer evangelist.

3. h2p://developer‐evangelism.com/web.php

4. <dfn>cleverly lazy</dfn>
Lazy:
“I don’t want to do that.”
Cleverly lazy:
“I don't want to do that ever
again so I do it right this Eme.”

5. Lazily build products:
Do the job, but are impossible
to maintain.

6. Cleverly lazily build products:
Do the job, are easy to
understand, extend and are
built on a solid base.

7. Our job: evolving the web

8. To do this, we need to be free
to do new things.

9. Problem is that as developers,
we stand on our own way.

10. The biggest developer trap.
h"p://www.flickr.com/photos/snappa2006/3194326965/

11. Complex
Simple
Feedback
Features
The feature
loop

12. We don't develop the web ‐ we
fill it up with soluEons to the
same problem all of which are
half done.

13. This is my soluEon, and it is
be2er than anybody elses,
because...

14. Short a2enEon span.

15. Code wrecks are a security
issue!
h"p://www.flickr.com/photos/paleontour/2489523776/

16. Browsers suck!

17. Things you need to know as a
web developer:
★ The technologies involved
★ How browsers deal with these technologies and how
they fail to support them
★ Security concerns and a2ack vectors
★ Usability and accessibility of the product
★ InternaEonalisaEon of our products
★ Performance concerns
★ MulEple plaXorm support
★ Flexibility of the interface

18. Good
developers are
like librarians.
h2p://www.flickr.com/photos/feliciaday/3828388329/

19. A solid foundaEon.
h"p://www.flickr.com/photos/mangpages/2111892822/

20. Building with components.
http://www.flickr.com/photos/seven13avenue/2080281038/

21. A good debugging environment.
h"p://www.flickr.com/photos/anijdam/3587129389/

22. Planning for extension.
h"p://www.flickr.com/photos/anniemole/103641208/

23. Write documentaEon.
h"p://www.flickr.com/photos/tnarik/366393127/

24. h2p://developer.yahoo.com/yui/

25. h2p://developer.yahoo.com/ypa2erns

26. http://ui.jquery.com/
http://ui.jquery.com

28. h2p://developer.yahoo.com/yui/arEcles/skinning/

29. DocumentaEon.

30. h2p://developer.yahoo.com/yui/grids/builder/

31. h2p://developer.yahoo.com/yui/examples/

34. h2p://developer.yahoo.com/performance/

35. h2p://developer.yahoo.com/yslow/

36. Using the web.
CMS

38. Using APIs.

39. The Yahoo Query Language, or
short YQL is a unified interface
language to the web.
h2p://developer.yahoo.com/yql/

40. select {what} from {source} where
{conditions} | {filters}

41. http://query.yahooapis.com/
v1/public/yql?q={query}
&format={format}

42. For example:
select * from geo.places where
text='london,uk'

45. Get only the where on earth ID
select woeid from geo.places
where text='london,uk'

46. Then mix:
select id from
flickr.photos.search where woe_id
in (select woeid from geo.places
where text='london,uk') and
license=4

47. Then mix:
select id from
flickr.photos.search where woe_id
in (select woeid from geo.places
where text='london,uk') and
license=4

48. And get all the info...
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,uk') and
license=4)

53. http://isithackday.com/hacks/cantine/
index.php?loc=covent+garden
Display the results in a few lines...
http://isithackday.com/hacks/ajaxexperience/flickrgeophotos.html

54. http://isithackday.com/hacks/cantine/
index.php?loc=covent+garden
h2p://isithackday.com/hacks/canEne/
Or use already exisEng widgets

55. h2p://isithackday.com/hacks/frankfurt

61. Learn YQL by doing
http://developer.yahoo.com/yql/console/

62. Any data will do...
select * from
atom
csv
feed
html
json
microformats
rss
xml

63. Any data will do...
http://www.dcs.gla.ac.uk/~joy/fun/jokes/TV.html

64. http://isithackday.com/hacks/scraping-with-yql/

66. http://github.com/spullara/yql-tables/tree/master

68. Christian Heilmann
http://wait-till-i.com
http://developer-evangelism.com
http://twitter.com/codepo8
Thanks!
h2p://www.flickr.com/photos/mringlein/3463288828/