act_as_newbie

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 =) )