jquery
DESCRIPTION
Palestra ministrada por Vinicius Rocha na Unipê. 14/01/2012TRANSCRIPT
jQueryVinicius de Melo [email protected]
ASSUNTOS
JAVASCRIPT
JQUERY
PLUGINS
CONCLUSÃO
Brendan Eich
Moch
a1995 LiveScriptJavaScri
pt1996 Internet Explorer 3.0
ECMAScript
ECMA-
262
JScript
+ 15 ANOS
• Existe um padrão Standard ECMA-262
• Precisa de um ambiente de execução
• O ambiente não tem padrão
• JavaScript é incomum e flexível
• JavaScript é Script
https://developer.mozilla.org/pt/JavaScript
ASSUNTOS
JAVASCRIPT
JQUERY
PLUGINS
CONCLUSÃO
Considerações sobre jQuery
• jQuery é uma biblioteca– JavaScript ainda é necessário– Pode usar com outras bibliotecas e frameworks
• jQuery é fácil• Funciona bem em browsers antigos• Existem milhares de extensões / plugins• jQuery é pesado e lento?
Importante?
document Object Model (DOM)<html><head> <title>Title</title></head><body> <div id="header"> <h1 class="title">Title</h1> </div> <div id="content"> <p>Hello, World!</p> </div></body></html>
html
head
body
title
h1.title
div#header
div#content
http://jquery.com/
ADICIONANDO AO SITE
CDN Hosted jQuery
<script src="jquery-1.5.1.min.js“ type="text/javascript“ />
$ function (a,b){return new d.fn.init(a,b,g)}
jQuery
SELECTORS$(‘button’) <button />
$(‘div.header’) <div class=“header” />
$(‘div#header’) <div id=“header” />
$(‘#header > h1’) <div id=“header”><h1></h1>
</div>
if ($(‘button’)) { } Não funciona! Por quê?
MÉTODOS E MAIS MÉTODOS
• css• hasClass• addClass• removeClass• toggleClass
• hide• show• toggle• animate• delay• stop
http://docs.jquery.com http://www.google.com
DEMONSTRAÇÃO
ASSUNTOS
JAVSCRIPT
JQUERY
PLUGINS
CONCLUSÃO
PLUGINS• jQuery UI• ColorBox• File Upload
http://jqueryui.com/http://jacklmoore.com/colorbox/http://digitalbush.com/projects/masked-input-plugin/http://blueimp.github.com/jQuery-File-Upload/http://harvesthq.github.com/chosen/http://www.kendoui.com/
• Chosen• Masked Input• KendoUI
ASSUNTOS
JAVSCRIPT
JQUERY
PLUGINS
CONCLUSÃO