act_as_newbie

Esse é o primeiro! Eu sei que demorou mas esse é o piloto e o piloto é sempre mais difícil!

Versão em flash:

Download do .mov original, qualidade melhor: jQuery, screencast 00 – Isso é só um piloto!!

Como não tem código funcional ainda nem vou postar nada, aguardem o episódio 01 que será bem melhor e mais completo que esse =)

PS: Por favor critiquem a vontade, eu sou muito novato nisso e preciso de idéias pra melhorar \o/

Bom, eu não vou ensinar o básico do básico do aqui, então eu vou começar isso partindo do princípio que você já saiba programar em JavaScript.

Javascript e a não-obtrusividade

Bom, eu não encontrei uma palavra adequada na nossa língua para traduzir o termo unobtrusive então eu traduzi livremente como não-obtrusivo.

Certamente se você (ou o designer da sua equipe) é preocupado com web standarts e coisas do tipo você não costuma misturar HTML, CSS e JavaScript, essa separação física garante apenas organização, a não-obtrusão vai um pouco além, e prega que essas 3 partes devem interagir mas não ser DEPENDENTES umas das outras (o html sendo a excessão, sem ele você não tem nada).

Por exemplo, se eu deletar meu css, eu continuo com um HTML funcional, que pode ser feio, ter a navegação difícil, mas funciona.

Sendo assim temos HTML definindo o que são os elementos da página, o CSS definindo como eles serão apresentados e o JavaScript como eles deverão se comportar

E essa é a chave: comportamento, é isso que devemos fazer com nossos arquivos.js adicionar comportamento às partes dos nossos sistemas que já são funcionais sem ele(lembra da independência?).

Devemos sempre lembrar uma coisa, JavaScript é uma melhoria e não uma funcionalidade segura. Devemos usar JavaScript apenas para melhorar funcionalidades que já existam na nossa aplicação, assim garantimos a operabilidade do nosso sistema mesmo sob condições desfavoráveis, como browsers de celular, por exemplo.

Resumindo:

• HTML O que são meus elementos? O que eu quero mostrar?
• CSS Como eu vou mostrar isso? Qual é minha estratégia de apresentação?
• JavaScript Como eu faço meus elementos, definidos no html e “vestidos” pelo css ganharem comportamento?

(Eu sei que eu falo muito, tente não se irritar, exemplos aparecerão em breve =) )

Ontem eu ouvi a pergunta: jQuery é muito melhor que Prototype? Bom, a resposta a essa pergunta é a mesma que você dá quando te perguntam, Java é melhor que C#? Depende!

Depende do que você quer, do que você precisa e do que você gosta.

Eu andei pesquisando alguns benchmarks para embasar esse post e pelo que eu pude ver o desempenho das duas frameworks é bem parecido, com uma pequena vantagem para o prototype. Então velocidade não é um fator de decisão aqui.

Outra coisa, se você precisa de funcionalidades extras. Como novos helpers para arrays, strings, numbers e etc. Fique com o prototype. O jquery não tanta funcionalidade assim.

Ok, o prototype é mais rápido e tem mais coisas, Rafael, então porque diabos jQuery? É simples, é uma preferência pessoal. Eu acho muito mais bonito se trabalhar com jQuery, acho que o código final fica muito mais limpo, elegante e fácil de entender. E pra matar a pau, jQuery, assim como Ruby, é divertido de se trabalhar. Por conta disso eu uso jQuery!

Essa pergunta sobre ser melhor ou pior me deixou com a pulga atrás da orelha, por isso que estou fazendo esse discurso todo, a partir daqui eu vou começar a postar uma série de tutoriais sobre como ser feliz usando jQuery, entretanto, a idéia aqui é apresentar um jeito de se fazer as coisas. Sem jamais negar que existam outros ou afirmar que este é o melhor de todos.

Vamos ao que interessa!