![\"\"](\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2017\/04\/jquery-600x280.jpg\")
<\/p>\nO jQuery \u00e9 um dos mais tradicionais e completos frameworks para se trabalhar com Javascript. Possui in\u00fameras fun\u00e7\u00f5es que agilizam o trabalho do programador, ajudando a construir sites din\u00e2micos e com \u00f3tima usabilidade.<\/p>\n
Existem diversos plugins de jQuery com muitas aplica\u00e7\u00f5es. Eles ajudam a exibir de dados em tabelas, construir galerias de imagens, enriquecer a aplica\u00e7\u00e3o com v\u00e1rias funcionalidades e tornar seu uso muito mais atraente.<\/p>\n
Neste post, selecionamos alguns plugins de jQuery que s\u00e3o capazes de poupar bastante tempo na hora de programar. Confira!<\/p>\n
<\/p>\n
Antes de aprender um framework, \u00e9 importante ter um conhecimento pr\u00e9vio da linguagem<\/a>, at\u00e9 mesmo porque sua fun\u00e7\u00e3o \u00e9 acelerar o desenvolvimento nela \u2014 no caso do jQuery, Javascript.<\/p>\n Adicionar as bibliotecas de jQuery e os plugins ao seu website \u00e9 bastante simples. Basta incluir o endere\u00e7o dos arquivos em uma p\u00e1gina html (normalmente \u00e9 feito entre as tags <head><\/head> ou logo antes de fechar a tag <body>).<\/p>\n Existem duas formas de incluir a biblioteca jQuery:<\/p>\n Para adicionar os plugins, segue-se a mesma regra:<\/p>\n <script src=”(localiza\u00e7\u00e3o do arquivo .js)\/jquery\/jquery.js”><\/script><\/p>\n Dividimos por temas e, a seguir, falaremos sobre a biblioteca jQuery-UI, que tem em si diversas ferramentas para intera\u00e7\u00e3o com o usu\u00e1rio para quase todas as necessidades.<\/p>\n Magnific popup<\/a>: transforma uma miniatura de uma imagem ou um \u00edcone qualquer em um link para uma figura que \u00e9 exibida na tela de uma forma destacada e com legenda. As imagens podem ser mostradas uma de cada vez ou em uma galeria;<\/p>\n Blueimp Gallery<\/a>: com esse plugin, podemos criar galerias de imagens em\u00a0 formato lightbox<\/em> com miniaturas delas ou \u00edcones. Tem op\u00e7\u00f5es para cria\u00e7\u00e3o de carroussel de imagens e v\u00eddeos.<\/p>\n CKEditor<\/a>: inclui um editor de texto na sua aplica\u00e7\u00e3o web. Por meio dela, pode-se criar textos para blogs, sites, p\u00e1ginas de not\u00edcias\u2026 \u00c9 uma ferramenta completa que permite editar as fontes do texto, incluir numera\u00e7\u00e3o, figuras etc.<\/p>\n Dynatable<\/a> e Data tables<\/a>: com esses plugins, \u00e9 poss\u00edvel criar tabelas interativas onde se pode selecionar quantos itens ser\u00e3o mostrados, ordenar os dados,\u00a0 buscar na tabela e paginar. Tamb\u00e9m \u00e9 poss\u00edvel requisitar dados via Ajax para exibi\u00e7\u00e3o nas tabelas.<\/p>\n jQuery HighchartTable<\/a>: Com esse plugin, pode-se criar gr\u00e1ficos interativos e de v\u00e1rios tipos \u2014 como barras, tabelas, pizza. Tamb\u00e9m tem a op\u00e7\u00e3o de incluir a exibi\u00e7\u00e3o em tabelas dos dados mostrados no gr\u00e1fico.<\/p>\n Scrollmagic<\/a>: torna a exibi\u00e7\u00e3o da p\u00e1gina sens\u00edvel ao scroll do mouse, alterando as informa\u00e7\u00f5es mostradas na tela em fun\u00e7\u00e3o dele.<\/p>\nIncluir os arquivos<\/h3>\n
Incluir a biblioteca jQuery<\/h3>\n
\n
\n<script src=”link externo para arquivo do Jquery\/jquery\/jquery.js”><\/script><\/li>\n
\n<script src=”(localiza\u00e7\u00e3o do arquivo)\/jquery-ui.min.js”><\/script><\/li>\n<\/ul>\n8 plugins de jQuery para incluir nas suas aplica\u00e7\u00f5es.<\/h2>\n
Galerias de imagens<\/h3>\n
Editor de texto<\/h3>\n
Cria\u00e7\u00e3o de tabelas<\/h3>\n
Gr\u00e1ficos<\/h3>\n
Anima\u00e7\u00f5es<\/h3>\n
Biblioteca jQuery-UI<\/h3>\n