CONSTRUIRE UN PLUGIN POUR JQUERY 1.5 ET + ConFoo 2012 – Montréal, Hôtel Hilton Bonaventure Mathieu ROBIN
<ul><li>Mathieu ROBIN (@mathrobin) </li></ul><ul><li>25 ans </li></ul><ul><li>Ingénieur logiciel chez Companeo </li></ul><...
Pourquoi ?
Parce que ? 42 ? Pourquoi pas ? Le chef le demande ?
 
Bienvenue en enfer !
Libraires de « lignes »
Impossibilité de personnaliser
Aucune intuitivité
Et même beaucoup de global !
 
Réécriture de $.Ajax
Deferred / Promises http://www.mathieurobin.com/2011/02/labs-jquery-deferred-nouveaute-jquery-1-5
jQuery.sub() http://www.mathieurobin.com/2011/02/labs-jquery-sub-nouveaute-jquery-1-5
http://docs.jquery.com/Plugins/Authoring
C'est parti !
Règles
Un fichier JS
Un fichier CSS
Une API simple
Documentez !
/* … */ // ...
Vérifiez !
http://www.jslint.com http://www.mathieurobin.com/2011/12/installer-jslint-sur-sa-machine/
Démontrez !
http://www.jsfiddle.net
Lightbox
Quand ? Où ? Quoi ? Comment ?
Clic sur n'importe quel élément du DOM
Par dessus l'existant
Affiche la photo avec un arrière plan noir
Via un plugin jQuery !
Go !
Crédits Photos <ul><li>Compujeramey : http://www.flickr.com/photos/compujeramey/4506013626/ </li></ul><ul><li>Hycus : http...
https://joind.in/6021
 
Prochain SlideShare
Chargement dans…5
×

Construire un plugin pour jQuery 1.5+

2 017 vues

Publié le

Conférence tenue pour la ConFoo 2012 à Montréal.

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
2 017
Sur SlideShare
0
Issues des intégrations
0
Intégrations
8
Actions
Partages
0
Téléchargements
21
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Construire un plugin pour jQuery 1.5+

  1. 1. CONSTRUIRE UN PLUGIN POUR JQUERY 1.5 ET + ConFoo 2012 – Montréal, Hôtel Hilton Bonaventure Mathieu ROBIN
  2. 2. <ul><li>Mathieu ROBIN (@mathrobin) </li></ul><ul><li>25 ans </li></ul><ul><li>Ingénieur logiciel chez Companeo </li></ul><ul><li>Contributeur Developpez.com </li></ul><ul><li>Blogueur </li></ul><ul><ul><li>http://www.mathieurobin.com </li></ul></ul><ul><ul><li>http://www.recettesensolo.com </li></ul></ul>
  3. 3. Pourquoi ?
  4. 4. Parce que ? 42 ? Pourquoi pas ? Le chef le demande ?
  5. 6. Bienvenue en enfer !
  6. 7. Libraires de « lignes »
  7. 8. Impossibilité de personnaliser
  8. 9. Aucune intuitivité
  9. 10. Et même beaucoup de global !
  10. 12. Réécriture de $.Ajax
  11. 13. Deferred / Promises http://www.mathieurobin.com/2011/02/labs-jquery-deferred-nouveaute-jquery-1-5
  12. 14. jQuery.sub() http://www.mathieurobin.com/2011/02/labs-jquery-sub-nouveaute-jquery-1-5
  13. 15. http://docs.jquery.com/Plugins/Authoring
  14. 16. C'est parti !
  15. 17. Règles
  16. 18. Un fichier JS
  17. 19. Un fichier CSS
  18. 20. Une API simple
  19. 21. Documentez !
  20. 22. /* … */ // ...
  21. 23. Vérifiez !
  22. 24. http://www.jslint.com http://www.mathieurobin.com/2011/12/installer-jslint-sur-sa-machine/
  23. 25. Démontrez !
  24. 26. http://www.jsfiddle.net
  25. 27. Lightbox
  26. 28. Quand ? Où ? Quoi ? Comment ?
  27. 29. Clic sur n'importe quel élément du DOM
  28. 30. Par dessus l'existant
  29. 31. Affiche la photo avec un arrière plan noir
  30. 32. Via un plugin jQuery !
  31. 33. Go !
  32. 34. Crédits Photos <ul><li>Compujeramey : http://www.flickr.com/photos/compujeramey/4506013626/ </li></ul><ul><li>Hycus : http://blog.hycus.com/ </li></ul><ul><li>JSFiddle </li></ul><ul><li>JSLint </li></ul>
  33. 35. https://joind.in/6021

×