Kristen Le Liboux propose un aperçu bien fichu de la POO en PHP avec code pour appuyer le tout dispo sur github.
NB : d'autres prez sur Javascript  (http://fr.slideshare.net/KristenLeLiboux/notions-javascript)
et sur MVC en php (http://fr.slideshare.net/KristenLeLiboux/application-mvc)
idem avec code d'exemple sur github

There are a few ways to handle events with HTML/DOM. There's no real right or wrong way but different ways are useful in different situations.

1: There's defining it in the HTML:

<input id="clickMe" type="button" value="clickme" onclick="doFunction();" />

2: There's adding it to the DOM property for the event in Javascript:

//- Using a function pointer:
document.getElementById("clickMe").onclick = doFunction;

//- Using and anonymous function:
document.getElementById("clickMe").onclick = function () { alert('hello!'); };

3: And there's attaching a function to the event handler using Javascript:

var el = document.getElementById("clickMe");
if (el.addEventListener)
   el.addEventListener("click", doFunction, false);
else if (el.attachEvent)
   el.attachEvent('onclick', doFunction);

Both the second and third methods allow for inline/anonymous functions and both must be declared after the element has been parsed from the document. The first method isn't valid XHTML because the onclick attribute isn't in the XHTML specification.

The 1st and 2nd methods are mutually exclusive, meaning using one (the 2nd) will override the other (the 1st). The 3rd method will allow you to attach as many functions as you like to the same event handler, even if the 1st or 2nd method has been used too.

un bon point sur les closures en javascript.