Guia Completo de jQuery: Aprenda tudo sobre jQuery
Guias JavaScript jQuery
Como você deve ter visto, a jQuery reduz bastante a quantidade de código necessário para realizar algumas tarefas comuns com JavaScript. Devido a isso e à sua popularidade no mercado alguns desenvolvedores acabam deixando de lado o estudo da linguagem e se concentram apenas na biblioteca. No DevCast abaixo discutimos sobre essa ideia:
Agora que você já sabe para que serve a jQuery e porque deve conhecê-la, assista ao curso abaixo e conheça as principais funcionalidades dessa biblioteca:
Já os artigos a seguir podem ser usados como complemento dos seus estudos:
Em seguida, veja os links abaixo a fim de se aperfeiçoar em aspectos específicos da jQuery:
Ajax é uma técnica utilizada para acessar páginas e web services através de JavaScript de forma assíncrona. Normalmente utilizamos Ajax para para carregar conteúdos secundários e/ou para evitar que o usuário precise navegar para outra página/recarregar a página atual.
Aqui na DevMedia usamos Ajax em vários pontos do site. Veja abaixo um exemplo de como fazemos por aqui:
Em seguida, veja os links a seguir e aprenda a usar Ajax com jQuery, pois essa biblioteca simplifica bastante esse tipo de ação:
O Ajax é também uma ferramenta fundamental para implementar a técnica chamada Lazy Load, que consiste de carregar um determinado conteúdo somente quando o usuário precisar visualizá-lo.
Por exemplo, como você verá nos links a seguir, podemos usar Lazy Load para carregar imagens dinamicamente a fim de reduzir o tamanho das páginas web, deixando-as mais leves para serem abertas mais rapidamente.
Outra necessidade muito comum em páginas web e que pode ser atendida com facilidade via jQuery é a validação de formulários. Através do plugin jQuery Validate, que você pode conhecer melhor nos links a seguir, podemos aplicar diferentes regras de validação aos campos.
Como validar Formulários com jQuery Validator
A biblioteca jQuery conta também com diversas funções para aplicar animações sobre os elementos da página usando efeitos como slide e fade. Nos links a seguir você aprenderá a usar essas funções para implementar essas animações:
Veja também como aplicar alguns efeitos específicos usando jQuery:
Menu Drop Down Animado com jQuery
Criando caixa animada com jQuery
Utilizando o teclado em animações com jQuery
Baseada na jQuery, a biblioteca jQuery UI oferece uma série de componentes visuais muito comuns em aplicações web, como botões, menus, sliders, abas. Conheça mais sobre ela nos artigos a seguir:
Já os artigos abaixo apresentam alguns componentes específicos, para que você aprenda a utilizá-los rapidamente:
Semelhante à jQuery UI, a jQuery Mobile é uma biblioteca de componentes visuais criados especificamente para dispositivos móveis, logo, otimizados para pequenas dimensões e interação por toque na tela. A seguir você encontra alguns conteúdos sobre essa biblioteca:
Introdução aos principais recursos do jQuery Mobile
jQuery Mobile: Conhecendo os principais elementos de layout
A seguir veja alguns exemplos práticos de como criar menus responsivos com jQuery:
E para complementar seus estudos, confira algumas dicas de como implementar alguns recursos mais específicos:
Criando um Image Slider utilizando jQuery
Aqui separamos mais alguns conteúdos que abordam temas mais pontuais dentro da jQuery, mas que certamente lhe ajudarão a se aperfeiçoar no uso dessa biblioteca: