jQueryVinicius de Melo Rocha vmrocha@gmail.com
ASSUNTOSJAVASCRIPTJQUERYPLUGINSCONCLUSÃO
Brendan Eich1995   JavaScr LiveScript    ipt1996 Internet              JScri Explorer 3.0ECMAScript     pt
+ 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 ...
https://developer.mozilla.org/pt/JavaScript
ASSUNTOSJAVASCRIPTJQUERYPLUGINSCONCLUSÃO
Considerações sobre jQuery• jQuery é uma biblioteca    – JavaScript ainda é necessário    – Pode usar com outras bibliotec...
document Object Model (DOM)<html>                             html<head>  <title>Title</title>                head</head><...
http://jquery.com/
ADICIONANDO AO SITE<script src="jquery-1.5.1.min.js“ type="text/javascript“ />CDN Hosted jQuery            function (a,b){...
SELECTORS$(‘button’)           <button />$(‘div.header’)       <div class=“header” />$(‘div#header’)       <div id=“header...
MÉTODOS E MAIS MÉTODOS•   css                  •   hide•   hasClass             •   show•   addClass             •   toggl...
ASSUNTOSJAVSCRIPTJQUERYPLUGINSCONCLUSÃO
PLUGINS• jQuery UI                      • Chosen• ColorBox                       • Masked Input• File Upload              ...
ASSUNTOSJAVSCRIPTJQUERYPLUGINSCONCLUSÃO
Contato     Vinicius Rocha         @vmrocha     vmrocha@gmail.com vmelorocha.wordpress.com   facebook.com/vmrochamsn: vmel...
JQuery
JQuery
JQuery
Upcoming SlideShare
Loading in …5
×

JQuery

1,093 views

Published on

Palestra ministrada por Vinicius Rocha na Unipê. 14/01/2012

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
1,093
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

JQuery

  1. 1. jQueryVinicius de Melo Rocha vmrocha@gmail.com
  2. 2. ASSUNTOSJAVASCRIPTJQUERYPLUGINSCONCLUSÃO
  3. 3. Brendan Eich1995 JavaScr LiveScript ipt1996 Internet JScri Explorer 3.0ECMAScript pt
  4. 4. + 15 ANOS
  5. 5. • 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
  6. 6. https://developer.mozilla.org/pt/JavaScript
  7. 7. ASSUNTOSJAVASCRIPTJQUERYPLUGINSCONCLUSÃO
  8. 8. 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?
  9. 9. document Object Model (DOM)<html> html<head> <title>Title</title> head</head><body> title <div id="header"> <h1 class="title">Title</h1> body </div> <div id="content"> div#header <p>Hello, World!</p> </div> h1.title</body></html> div#content
  10. 10. http://jquery.com/
  11. 11. ADICIONANDO AO SITE<script src="jquery-1.5.1.min.js“ type="text/javascript“ />CDN Hosted jQuery function (a,b){return new d.fn.init(a,b,g)}
  12. 12. 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ê?
  13. 13. MÉTODOS E MAIS MÉTODOS• css • hide• hasClass • show• addClass • toggle• removeClass • animate• toggleClass • delay • stophttp://docs.jquery.com http://www.google.com
  14. 14. ASSUNTOSJAVSCRIPTJQUERYPLUGINSCONCLUSÃO
  15. 15. PLUGINS• jQuery UI • Chosen• ColorBox • Masked Input• File Upload • KendoUI 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/
  16. 16. ASSUNTOSJAVSCRIPTJQUERYPLUGINSCONCLUSÃO
  17. 17. Contato Vinicius Rocha @vmrocha vmrocha@gmail.com vmelorocha.wordpress.com facebook.com/vmrochamsn: vmelorocha@hotmail.com

×