{"id":42,"date":"2018-05-26T21:21:34","date_gmt":"2018-05-27T00:21:34","guid":{"rendered":"http:\/\/fabiobrandao.net.br\/blog\/?p=42"},"modified":"2023-03-11T23:50:27","modified_gmt":"2023-03-12T02:50:27","slug":"jquery-introducao","status":"publish","type":"post","link":"https:\/\/fabiobrandao.net.br\/blog\/javascript-e-bivliotecas\/jquery-introducao\/","title":{"rendered":"jQuery &#8211; Introdu\u00e7\u00e3o"},"content":{"rendered":"<p>O uso de JavaScript para desenvolvimento de aplica\u00e7\u00f5es cresce a cada dia. Existem muitas bibliotecas e frameworks dispon\u00edveis.<\/p>\n<p>Gosto muito de utilizar o jQuery por ser uma biblioteca simples e que me permite uma boa produtividade, podendo ser utilizada em projetos web e mobile por exemplo. Vou escrever alguns artigos sobre a biblioteca e compartilhar um pouco do que aprendi. Este primeiro artigo \u00e9 apenas introdut\u00f3rio, ent\u00e3o, nada de c\u00f3digo ainda.<\/p>\n<h3>Introdu\u00e7\u00e3o<\/h3>\n<p>JQuery \u00e9 uma biblioteca de fun\u00e7\u00f5es JavaScript criada por John Resig com o objetivo de simplificar o trabalho com scripts cliente-side, tornando o desenvolvimento web r\u00e1pido. A biblioteca do jQuery \u00e9 disponibilizada como software livre e aberto, de forma que voc\u00ea pode us\u00e1-la tanto para projetos pessoais como para projetos comerciais.<\/p>\n<p>A biblioteca JQuery possui c\u00f3digo aberto e uma licen\u00e7a dual. Seu emprego e uso \u00e9 regido conforme as regras estabelecidas pelo MIT (Massachusetts Institute of Technology) e pelo GPL (GNU General Public License).<\/p>\n<p>Voc\u00ea pode obter mais informa\u00e7\u00f5es sobre estes tipos de licen\u00e7a consultando os seguintes endere\u00e7os:<\/p>\n<p><a href=\"https:\/\/pt.wikipedia.org\/wiki\/Licen\u00e7a_MIT\">https:\/\/pt.wikipedia.org\/wiki\/Licen\u00e7a_MIT<\/a><br \/>\n<a href=\"https:\/\/pt.wikipedia.org\/wiki\/GNU_General_Public_License\">https:\/\/pt.wikipedia.org\/wiki\/GNU_General_Public_License<\/a><\/p>\n<p>Entre as principais caracter\u00edsticas do jQuery est\u00e3o:<\/p>\n<ul>\n<li>Resolu\u00e7\u00e3o da incompatibilidade entre os navegadores.<\/li>\n<li>Reutiliza\u00e7\u00e3o do c\u00f3digo atrav\u00e9s de plugins.<\/li>\n<li>Redu\u00e7\u00e3o de c\u00f3digo.<\/li>\n<li>Utiliza\u00e7\u00e3o de uma vasta quantidade de plugins criados por outros desenvolvedores.<\/li>\n<li>Trabalha com AJAX e DOM.<\/li>\n<li>Implementa\u00e7\u00e3o segura de recursos do CSS1, CSS2 e CSS3.<\/li>\n<\/ul>\n<p>Voc\u00ea pode obter todas as informa\u00e7\u00f5es sobre a biblioteca jQuery visitando o <a href=\"http:\/\/jquery.com\/\">site oficial.<\/a><\/p>\n<h3>Por que usar jQuery?<\/h3>\n<p>Os motivos para utilizar a biblioteca jQuery s\u00e3o muitos e vistos de uma maneira muito entusiasmada pelos desenvolvedores, programadores e designers em geral.<\/p>\n<p>Alguns dos motivos para voc\u00ea querer usar jQuery:<\/p>\n<ul>\n<li><strong>Simplicidade<\/strong> &#8211; Devido a sua simplicidade e facilidade de uso, a curva de aprendizado \u00e9 pequena. Conhecimento em JavaScript ajuda muito por\u00e9m n\u00e3o \u00e9 essencial para se aprender a trabalhar com jQuery.<\/li>\n<li><strong>Produtividade<\/strong> &#8211; O jQuery possui uma sintaxe muito simples que facilita a navega\u00e7\u00e3o pelos elementos HTML. Um trabalho de horas feito em JavaScript poder\u00e1 ser feito em alguns minutos com jQuery.<\/li>\n<li><strong>Compatibilidade entre Browsers<\/strong> &#8211; A biblioteca jQuery elimina a incompatibilidade em browsers mais populares existentes atualmente, garantindo a funcionalidade correta do seu c\u00f3digo independente no navegador que o cliente esteja utilizando. Esta caracter\u00edstica chama-se cross-browser. Voc\u00ea pode ver a rela\u00e7\u00e3o de browsers suportados no endere\u00e7o <a href=\"http:\/\/jquery.com\/browser-support\">http:\/\/jquery.com\/browser-support<\/a>\/.<\/li>\n<li><strong>Plugins<\/strong> &#8211; Os Plugins s\u00e3o arquivos externos JavaScript que realizam fun\u00e7\u00f5es e efeitos espec\u00edficos por meio da biblioteca jQuery. A p\u00e1gina oficial da biblioteca jQuery possui uma grande quantidade de plugins dispon\u00edveis para uso em suas aplica\u00e7\u00f5es. Voc\u00ea pode ver uma rela\u00e7\u00e3o de plugins para jQuery no endere\u00e7o <a href=\"http:\/\/plugins.jquery.com\/\">http:\/\/plugins.jquery.com\/<\/a>.<\/li>\n<li><strong>Utiliza\u00e7\u00e3o gratuita<\/strong> &#8211; JQuery \u00e9 uma biblioteca de c\u00f3digo aberto, ou seja, \u00e9 gratuita e sua licen\u00e7a permite que voc\u00ea possa us\u00e1-la tanto para projetos pessoais como para projetos comerciais.<\/li>\n<\/ul>\n<h3>Programas necess\u00e1rios<\/h3>\n<p>Voc\u00ea vai precisar apenas de um editor para a elabora\u00e7\u00e3o dos c\u00f3digos e de um navegador web com suporte a JavaScript para poder verificar os resultados. Nenhuma ferramenta adicional \u00e9 necess\u00e1ria, por\u00e9m existem algumas ferramentas que podem facilitar o seu trabalho. Gosto de utilizar o Sublime Text como editor (<a href=\"http:\/\/www.sublimetext.com\/download\">http:\/\/www.sublimetext.com\/download<\/a>) e o Google Chrome como navegador (<a href=\"https:\/\/www.google.com.br\/chrome\/browser\/desktop\/\">https:\/\/www.google.com.br\/chrome\/browser\/desktop\/<\/a>).<\/p>\n<p>No pr\u00f3ximo artigo abordarei a instala\u00e7\u00e3o e configura\u00e7\u00e3o. At\u00e9 l\u00e1!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O uso de JavaScript para desenvolvimento de aplica\u00e7\u00f5es cresce a cada dia. Existem muitas bibliotecas e frameworks dispon\u00edveis. Gosto muito de utilizar o jQuery por ser uma biblioteca simples e&#8230; <\/p>\n","protected":false},"author":1,"featured_media":377,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[69],"tags":[4,9],"class_list":["post-42","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript-e-bivliotecas","tag-javascript","tag-jquery"],"_links":{"self":[{"href":"https:\/\/fabiobrandao.net.br\/blog\/wp-json\/wp\/v2\/posts\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fabiobrandao.net.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fabiobrandao.net.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fabiobrandao.net.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fabiobrandao.net.br\/blog\/wp-json\/wp\/v2\/comments?post=42"}],"version-history":[{"count":7,"href":"https:\/\/fabiobrandao.net.br\/blog\/wp-json\/wp\/v2\/posts\/42\/revisions"}],"predecessor-version":[{"id":387,"href":"https:\/\/fabiobrandao.net.br\/blog\/wp-json\/wp\/v2\/posts\/42\/revisions\/387"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fabiobrandao.net.br\/blog\/wp-json\/wp\/v2\/media\/377"}],"wp:attachment":[{"href":"https:\/\/fabiobrandao.net.br\/blog\/wp-json\/wp\/v2\/media?parent=42"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fabiobrandao.net.br\/blog\/wp-json\/wp\/v2\/categories?post=42"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fabiobrandao.net.br\/blog\/wp-json\/wp\/v2\/tags?post=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}