Weitere ähnliche Inhalte Ähnlich wie Criando plugins jQuery (20) Mehr von Ricardo Coelho (7) Criando plugins jQuery1. Apresentação
● Ricardo Coelho
● Graduado em Ciência da Computação;
● Fundador do grupo PHP-Maranhão;
● Representante do Maranhão em eventos nacionais;
● Representante do Maranhão no PHP Brasil
Comunidades;
● Professor de Programação Web (Faculdade
Pitágoras);
● Auditor certificado NBR ISO/IEC 27001:2006
● Perito forense digital
● CTO da Nexy, empresa de auditoria de segurança e
tecnologia financeira com soluções SaaS em PHP.
5. Código 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. Código 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');
8. Porque criar um plugin?
Testes
SeletoresPacote
Reuso
GeneralizaçãoDevolver
à comunidade
9. Porque criar um plugin?
Testes
SeletoresPacote
Reuso
GeneralizaçãoDevolver
à 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?
NÃO.
Se você já usou jQuery,
já tem a metade de 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 função utilitária
● Ao definir um novo comando