jQuery  is  a  new  kind  of  JavaScript  Library.	Alain, Leonardo, Moisés, Thiago.
Introdução	•  jQuery é o melhor framework javascript da atualidade;•  Nasceu em 2005;•  Licença: MIT e GLP;•  Não é o únic...
O  Que  é  um  framework?      (oficialmente  é  considerado  uma  biblioteca  javascript)	•  Frameworks são projetados com...
Para  que  serve  o  JQuery?	     “jQuery is designed to change the way that you write                          JavaScript...
Para  que  serve  o  JQuery?	•  Enfim:    o  é possível fazer tudo isso e muito mais sem ter que       atualizar a página,...
jQuery  é  disponibilizado  das             diferentes  maneiras.	•  Desenvolvimento. Apresenta todos seus códigos   compl...
Quanto  “pesa”  um  framework?	•  Na sua versão 1.7.2 (atual) o JQuery pesa 95KB;•  É apenas um arquivo;•  Pode ser baixad...
Escrevendo  um  Hello  World.
Explicando  o  código	•  $(“a”) é um selector do JQuery que seleciona   elementos “a”;•  O $ se refere a uma “classe” em J...
Outro  exemplo:	Fonte:  wikipedia
Exemplo  prático	•  Validação de um formúlário utilizando o JQuery.
Upcoming SlideShare
Loading in …5
×

Apresentação Jquery

714 views

Published on

Apresentação Jquery

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
714
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
16
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Apresentação Jquery

  1. 1. jQuery  is  a  new  kind  of  JavaScript  Library. Alain, Leonardo, Moisés, Thiago.
  2. 2. Introdução •  jQuery é o melhor framework javascript da atualidade;•  Nasceu em 2005;•  Licença: MIT e GLP;•  Não é o único framework javascript;•  Funciona teoricamente em qualquer navegador (cross- browser);•  Bem documentado.
  3. 3. O  Que  é  um  framework?   (oficialmente  é  considerado  uma  biblioteca  javascript) •  Frameworks são projetados com a intenção de facilitar o desenvolvimento de software;•  Permitindo designers e programadores a gastarem mais tempo determinando as exigências do software do que com detalhes tediosos de baixo nível do sistema.
  4. 4. Para  que  serve  o  JQuery? “jQuery is designed to change the way that you write JavaScript”•  Redução de código;•  Trabalha com Ajax e DOM;•  Validar formulários;•  Manipulação de eventos Javascript;•  Animações;•  Efeitos;•  Adicionar CSS;•  …
  5. 5. Para  que  serve  o  JQuery? •  Enfim: o  é possível fazer tudo isso e muito mais sem ter que atualizar a página, o que faz com que o site fique totalmente dinâmico, moderno, leve e elegante.
  6. 6. jQuery  é  disponibilizado  das   diferentes  maneiras. •  Desenvolvimento. Apresenta todos seus códigos completos, identados e de fácil. Ideal para quem queira estudar e compreender como as coisas funcionam, essa “versão sem cortes” é ideal para estudo/aprendizado a fundo da biblioteca.•  Produção. Esta é a versão para quem se preocupa somente em utilizar o jQuery e usufruir de todo o seu poder através de um arquivo compactado.•  Google API/CDN. Através da API AJAX de bibliotecas do Google é possível, dentre outros frameworks e bibliotecas, incorporar o jQuery a suas páginas web.
  7. 7. Quanto  “pesa”  um  framework? •  Na sua versão 1.7.2 (atual) o JQuery pesa 95KB;•  É apenas um arquivo;•  Pode ser baixado pelo site www.jquery.com, ou importar a biblioteca diretamente do Google.•  <script src= http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/ jquery.min.js type=“text/javascript” ></script>
  8. 8. Escrevendo  um  Hello  World.
  9. 9. Explicando  o  código •  $(“a”) é um selector do JQuery que seleciona elementos “a”;•  O $ se refere a uma “classe” em JQuery;•  O $ portanto “instancia” um objeto JQuery;•  .click() é invocado quando ocorre um clique do mouse em um elemento selecionado;•  Código sem JQuery:•  Importante a separação de JS e HTML.
  10. 10. Outro  exemplo: Fonte:  wikipedia
  11. 11. Exemplo  prático •  Validação de um formúlário utilizando o JQuery.

×