Baixado 21 vezes
Carregado porLeonardo Ribeiro
Apresentação Jquery
O documento descreve o jQuery como um novo tipo de biblioteca JavaScript. Ele fornece funcionalidades para simplificar o desenvolvimento front-end, como manipulação do DOM, animações, validação de formulários e manuseio de eventos.
Apresentação Jquery
- 1. jQuery is a new kind of JavaScript Library. Alain, Leonardo, Moisés, Thiago.
- 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. 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. 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. 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. 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. 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. Escrevendo um Hello World.
- 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.
- 11. Exemplo prático • Validaçãode um formúlário utilizando o JQuery.