Criando plugins jQuery

download Criando plugins jQuery

of 31

  • date post

    02-Jul-2015
  • Category

    Technology

  • view

    2.649
  • download

    0

Embed Size (px)

description

Palestra apresentada durante a PHPConference 2010 sobre criação de plugins jQuery.

Transcript of Criando plugins jQuery

  • 1. Apresentao Ricardo Coelho Graduado em Cincia da Computao; Fundador do grupo PHP-Maranho; Representante do Maranho em eventos nacionais; Representante do Maranho no PHP Brasil Comunidades; Professor de Programao Web (Faculdade Pitgoras); Auditor certificado NBR ISO/IEC 27001:2006 Perito forense digital CTO da Nexy, empresa de auditoria de segurana e tecnologia financeira com solues SaaS em PHP.

2. Criando Plugins jQuery Ricardo Coelho Nexy Informtica 3. J o qu? 4. O que o jQuery? 5. Cdigo Javascript Convencional var http = false; if(navigator.appName == "Microsoft Internet Explorer") { http = new ActiveXObject("Microsoft.XMLHTTP"); } else { http = new XMLHttpRequest(); } function replace() { http.open("GET", "test.txt", true); http.onreadystatechange=function() { if(http.readyState == 4) { document.getElementById('foo').innerHTML = http.responseText; } } http.send(null); } 6. Cdigo jQuery var http = false; if(navigator.appName == "Microsoft Internet Explorer") { http = new ActiveXObject("Microsoft.XMLHTTP"); } else { http = new XMLHttpRequest(); } function replace() { http.open("GET", "test.txt", true); http.onreadystatechange=function() { if(http.readyState == 4) { document.getElementById('foo').innerHTML = http.responseText; } } http.send(null); } $('#foo').load('test.txt'); 7. Encadeamento $('body') .addClass('ninja') .hide(); 8. Porque criar um plugin? Testes SeletoresPacote Reuso GeneralizaoDevolver comunidade 9. Porque criar um plugin? Testes SeletoresPacote Reuso GeneralizaoDevolver comunidade Fama e Fortuna 10. Plugins existentes 4200+ jQuery UI, Forms, Masked Input, JCarrousel, JCrop, JEditable, JsTree... Em http://plugins.jquery.com voc encontra as seguintes categorias de plugins: Ajax, Animation and Effects, Browser, Tweaks, Data, DOM, Drag-and-Drop, Events, Forms, Integration, JavaScript, jQuery, Extensions, Layout, Media, Menus, Metaplugin, Navigation, Tables, User, Interface, Utilities, Widgets, Windows and Overlays 11. Criar plugins tarefa para jedi? NO. Se voc j usou jQuery, j tem a metade de um plugin! 12. Qualquer um pode criar um plugin 13. At esse cara! /** * Prugin do Abestado * * Ela me eduis! */ $('#florentina') .filter('.dejesus') .addClass('edutora'); 14. Um plugin pode estender jQuery Ao definir uma nova funo utilitria Ao definir um novo comando 15. Cdigo bsico $(function () { }); 16. Cdigo bsico function uma_funcao() { } jQuery(uma_funcao); 17. Cdigo bsico uma_funcao = function () { } jQuery(uma_funcao); 18. Cdigo bsico jQuery(function () { }); 19. Cdigo bsico $ um apelido para jQuery. $(function () { }); 20. Algumas regras bsicas jquery.meuplugin-1.0.js 21. Algumas regras bsicas Proteja o $ 22. Algumas regras bsicas Preserve o encadeamento 23. Vamos ver um exemplo de efeito 24. Reuso da soluo 25. Criando o plugin de fato 26. Preservando o encadeamento 27. Minificadores JSMin (Douglas Crockford) Shrink Safe (Dojo) Packer (Dean Edwards) Compressor Rater (Arthur Blake) YUICompressor (Yahoo) 28. Exemplo YUICompressor 29. Referncias http://www.slideshare.net/1Marc/jquery-essentials http://developer.yahoo.com/yui/compressor/ http://docs.jquery.com jQuery em ao 30. Obrigado! Contatos Ricardo Coelho ricardo@nexy.com.br http://www.nexy.com.br @ramcoelho 31. Dvidas? Slides em: http://www.slideshare.net/ram.coelho