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.
Próximos SlideShares
Carregando em…5
×

Apresentação Jquery

704 visualizações

Publicada em

Apresentação Jquery

0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
704
No SlideShare
0
A partir de incorporações
0
Número de incorporações
1
Ações
Compartilhamentos
0
Downloads
16
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no 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.

×