Construire un plugin pour jQuery 1.5+

2,055 views

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,055
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
21
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

×