Construire un plugin pour jQuery 1.5+

  • 1,306 views
Uploaded on

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

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

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,306
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
17
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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