desenvolvimento para web - xhtml, css, padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web Developing web - xhtml, css, web standards, usability, accessibility, web design, SEO, blogs and technology to develop the web

Neste artigo apresento o framework jQuery , mostrando vantagens de uso e algumas de suas características. In this article presenting the framework jQuery, showing benefits of use and some of its features.

Introdução Introduction

Gosto de colecionar bibliotecas e scripts prontos de todas as linguagens de programação que aprecio. I love to collect libraries and scripts ready for every programming language to appreciate. Tenho, em meus arquivos pessoais, inúmeros arquivos de terceiros, desde exemplos e objetos, passando por modelos e tudo o mais que possa me servir de alguma maneira e/ou simplesmente me satisfazer a curiosidade acerca determinado modo ou técnica para programar. I have in my personal files, many files of others, provided examples and objects, through models and everything else that I can serve in any way and / or simply to satisfy my curiosity about certain way or technique to program.

Há cerca de 3 meses tive a oportunidade de conhecer um excelente framework javascript : jQuery (no início eu o chamava “jota cuéri”, mas o Gevã , de tanto falar o jeito “certo” na minha cabeça, acabou me convencendo do “djei cuéri”). There are about 3 months I had the opportunity to meet an excellent framework javascript: jQuery (in the beginning I called the "jota cuéri", but the Gevã, both speak the way "right" in my head, just convincing me of "djei cuéri ").

O que é um framework ? What is a framework?

Trata-se da maneira mais fácil, simples, elegante e sofisticada de codificar javascript ; é, nada mais, nada menos, que, segundo minha opinião, um dos melhores frameworks já desenvolvidos! This is the easiest way, simple, elegant and sophisticated to codify javascript; is, nothing more, nothing less, which my opinion, one of the best frameworks already developed! Para ficar mais claro, framework , segundo definição encontrada na Wikipédia , é: To be clearer, framework, the second definition found in Wikipedia, is:

No desenvolvimento do software , um framework ou arcabouço é uma estrutura de suporte definida em que um outro projeto de software pode ser organizado e desenvolvido. In the development of software, a framework or framework is a framework defined in support of another project that the software can be organized and developed. Um framework pode incluir programas de suporte, bibliotecas de código, linguagens de script e outros softwares para ajudar a desenvolver e juntar diferentes componentes de um projeto de software . A framework may include support programs, libraries of code, script languages and other software to help develop and add different components of a software project.

Frameworks são projetados com a intenção de facilitar o desenvolvimento de software , habilitando designers e programadores a gastarem mais tempo determinando as exigências do software do que com detalhes tediosos de baixo nível do sistema. Frameworks are designed with the intent to facilitate the development of software, enabling designers and developers to spend more time determining the requirements of the software than with tedious low-level details of the system. ( sic ) (Sic)

Para que serve o jQuery ? Who is jQuery?

Segundo consta no web site oficial, “ jQuery is designed to change the way that you write JavaScript ”, ou seja, jQuery é projetado para mudar sua maneira de escrever javascript ( tradução livre ). Second is the official web site, "jQuery is designed to change the way that you write JavaScript", or jQuery is designed to change the way you write javascript (free translation). Por experiência própria, posso afirmar que o objetivo da equipe de desenvolvimento foi atingido com sucesso! By experience, I can say that the goal of the team of development was achieved with success!

jQuery é disponibilizado em duas versões: jQuery is available in two versions:

• normal : apresenta todos seus códigos identados e de fácil entendimento (isso é relativo…). Normal: presents all its codes identados and easy to understand (that is on…). Ideal para quem queira estudar e compreender “como as coisas funcionam”; Ideal for those who want to study and understand "how things work";
• compactada : como sugere o próprio nome, seus códigos vêm sem nenhuma formatação. Compressed: as its name suggests, their codes are without any formatting. Ideal para aqueles que querem usar o framework rapidamente, poupando o limite de transferência mensal. Ideal for those who want to use the framework quickly, saving the ceiling of monthly transfer.

Com o lançamento da versão 1.2 do jQuery , seus próprios desenvolvedores citam uma técnica que se chama “Minified and Gzipped” , que serve para se obter uma versão extremamente compacta do framework . With the release of version 1.2 of jQuery, its own developers cite a technique that is called "Minified and Gzipped" which serves to provide a very compact version of the framework. Basta passar o código pelo packer , de Dean Edwards . Just pass the code by the packer, Dean Edwards.

Quando se usa jQuery , realmente a maneira de se escrever javascript muda! When using jQuery, really the way to write javascript changes! É o fim das enormes linhas que servem somente para identificar um elemento; o fim dos laços de repetição que somente identificam quantos elementos de determinada categoria estão presentes no documento; o fim de inúmeros “CTRL Cs, CTRL Vs”; enfim, é o término do trabalho pesado e perda de tempo na codificação javascript . It is the view of the huge lines that serve only to identify an element, the end of ties to repeat that only identify those elements of a given category are present in the document, the order of many "CTRL Cs, Vs Control"; finally, is the end labour and heavy loss of time in coding javascript.

Com pouquíssimas linhas de código, é possível mexer à vontade com o DOM (identificação, edição, inserção, deleção…), manipular eventos javascript , alterar regras CSS, aplicar efeitos visuais ( fade in / fade out , drag and drop , slides , movimentos, etc) e muito mais coisas interessantes e úteis. With very few lines of code, you can move at will with the FOD (identification, editing, insertion, deletion…), manipulate events javascript, change CSS rules, apply visual effects (fade in / fade out, drag and drop, slides, movements , Etc.) and much more interesting and useful. E quando digo “pouquíssimas linhas de código”, refiro-me, por exemplo, a 3 ou 4 linhas – identação – para requisições AJAX (com uso de funções de tratamento)! And when I say "very few lines of code ', I mean, for example, the 3 or 4 lines - the identa ç ã - requests for AJAX (using functions of treatment)! E é cross browser . And it is cross browser.

Quer mais? jQuery é projetado para aceitar extensões de terceiros , quer dizer, qualquer um com habilidades de programação mais avançadas pode criar funcionalidades extra para o framework , estendendo suas potencialidades nativas e/ou aproveitando seu poder de funcionamento. Want more? JQuery is designed to accept third-party extensions, that is, anyone with more advanced programming skills can create extra features for the framework, extending its potential native and / or using their power of operation.

Nem tudo são flores… Not everything is flowers…

Mas o jQuery também tem seu lado ruim… Num outro dia, na faculdade, quando um colega pediu para fazer uma rotina em javascript , fiquei mais de 5 minutos tentando me lembrar do “método tradicional de codificação” e não consegui; pensei: “Ah, se tivesse jQuery aqui”… But the jQuery also has its bad side… In another day, in college, when a colleague asked to make a routine in javascript, I was more than 5 minutes trying to remind me of the "traditional method of encoding" and I could not, I thought: "Oh Had it here jQuery "…