Neste artigos listamos algumas diferen\u00e7as no uso entre javascript e jquery em suas aplica\u00e7\u00f5es afim de te ajudar na escolha da mais apropriada para seu projeto.<\/p>\n
Javascript \u00e9 uma linguagem de programa\u00e7\u00e3o. jQuery \u00e9 um framework para javascript.
\nO JS \u00e9 muito popular e funciona praticamente em todos os navegadores. O desenvolvimento \u00e9 mais demorado por que \u00e9 necess\u00e1rio escrever o pr\u00f3prio c\u00f3digo. O JQuery \u00e9 uma biblioteca leve e simples que facilita o uso de documentos HTML. Desenvolvimento mais r\u00e1pido, por ter c\u00f3digos prontos (bibliotecas).<\/p>\n
Usar JavaScript ou JQuery realmente depende das necessidades do projeto a ser desenvolvido.
\nUtilizar JavaScript torna o processo de desenvolvimento mais demorado para ser finalizado mas em compensa\u00e7\u00e3o voc\u00ea \u00e9 recompensado com mais sabedoria sobre programa\u00e7\u00e3o. Se voc\u00ea precisa desenvolver algo em javascript que n\u00e3o possa demorar tanto para ser lan\u00e7ado, com certeza o jquery pode ser explorado. De qualquer modo, voc\u00ea estar\u00e1 utilizando \u00f3timas tecnologias para desenvolvimento de suas aplica\u00e7\u00f5es.<\/p>\n
Abaixo, listamos algumas caracter\u00edsticas das duas tecnologias que podem te ajudar nesta decis\u00e3o. Confira:<\/p>\n
O Javascript<\/strong> surgiu em 1995 e hoje \u00e9 uma das linguagens de programa\u00e7\u00e3o mais utilizadas no mundo. Diferente de outras tecnologias (como PHP, Java, Ruby e outras), ele \u00e9 client-side, ou seja, roda no seu navegador e n\u00e3o no servidor web. Seu objetivo \u00e9 controlar o HTML e CSS para manipular as p\u00e1ginas. Possui uma grande comunidade e diversas bibliotecas que adicionam funcionalidades ao seu uso. Comunidade brasileira: https:\/\/braziljs.org<\/a>.<\/p>\n Tendo em vista que Javascript \u00e9 a linguagem em sua forma mais bruta, deve ser utilizado em casos que o carregamento de uma biblioteca n\u00e3o seria interessante, como por exemplo, quando tem-se o foco em reduzir o load time da p\u00e1gina (podendo ser acrescido como mais um poss\u00edvel script causando lentid\u00e3o em seu site pelo Google PageSpeed, devido ao n\u00e3o cacheamento da biblioteca) ou produzir mais em menos tempo. Claro que n\u00e3o estamos “discutindo” pelo tamanho desse poss\u00edvel framework, o Gzip nesse caso resolveria a quest\u00e3o do tamanho do arquivo, estou apenas fazendo voc\u00ea pensar duas vezes antes de usar um framework, qualquer um que seja, para fazer algo simples, afinal, voc\u00ea n\u00e3o precisa um kit de ferramentas premium para apertar um parafuso, certo? :grin:. O JQUERY<\/strong> \u00e9 um biblioteca leve, r\u00e1pida e cheia de recursos para Javascript. Marcado com o slogan “Write less, do more<\/em>” (Escreva menos, fa\u00e7a mais), acredito que seja prefer\u00edvel a utiliza\u00e7\u00e3o do Jquery quando enxerga-se a padroniza\u00e7\u00e3o de elementos em uma p\u00e1gina, pois justamente por ser uma library de Javascript, eleva o c\u00f3digo \u00e0 m\u00e1xima objetifica\u00e7\u00e3o, facilitando a cria\u00e7\u00e3o de regras e forma\u00e7\u00e3o de log\u00edstica, pois um c\u00f3digo limpo \u00e9 sin\u00f4nimo de melhor possibilidade de manuten\u00e7\u00e3o e provavelmente tamb\u00e9m de aumento de UX.
\nComo curiosidade, podemos acrescer que bastando ter um navegador com uso de javascript ativo em um dispositivo, voc\u00ea j\u00e1 pode construir um projeto de sistema em miniatura somente usando a url de seu navegador, digitando javascript:alert('teste')<\/code> por exemplo, mostrando bem a import\u00e2ncia e depend\u00eancia da linguagem atualmente para os browsers.<\/p>\n<\/span>Um pouco sobre o jquery<\/span><\/h2>\n
\nEle facilita a manipula\u00e7\u00e3o de eventos, anima\u00e7\u00f5es, elementos HTML e utiliza\u00e7\u00e3o de Ajax. Basicamente, ele mudou e facilitou a escrita de c\u00f3digos em Javascript. Foi lan\u00e7ado oficialmente em 2006 e possui c\u00f3digo aberto. A biblioteca tamb\u00e9m oferece a possibilidade de cria\u00e7\u00e3o de plugins sobre ela. Atrav\u00e9s do jQuery \u00e9 poss\u00edvel desenvolver aplica\u00e7\u00f5es web de alta complexilidade.
\nSite oficial: https:\/\/jquery.com<\/a><\/p>\n
\nVale salientar que Jquery \u00e9 s\u00f3 mais uma biblioteca do Javascript, possuindo muitas (e muitas…) outras bibliotecas, at\u00e9 mesmo o Jquery possui uma outra extens\u00e3o chamada Jquery mobile com mais foco em utiliza\u00e7\u00e3o para dispositivos m\u00f3veis, incluindo recursos otimizados em responsividade e compatibilidade – sin\u00f4nimo de maior abrang\u00eancia de seu p\u00fablico-alvo -, pois \u00e0quele cliente que n\u00e3o conseguiu abrir seu site corretamente, certamente n\u00e3o retornar\u00e1 ao seu site pois n\u00e3o obteve uma boa experi\u00eancia nele.<\/p>\n","protected":false},"author":9,"featured_media":0,"menu_order":14,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","article-category":[172],"article-tag":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/article\/2513"}],"collection":[{"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/comments?post=2513"}],"version-history":[{"count":2,"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/article\/2513\/revisions"}],"predecessor-version":[{"id":23082,"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/article\/2513\/revisions\/23082"}],"wp:attachment":[{"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/media?parent=2513"}],"wp:term":[{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/article-category?post=2513"},{"taxonomy":"article-tag","embeddable":true,"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/article-tag?post=2513"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}