Rafael Marin

Update: Pronto, título atualizado.

Nunca fui fã do Javascript, apesar de concordar que depois do pão fatiado, é a melhor invenção da humanidade. Para falar a verdade, nunca tive coragem e vontade de aprender. No que se referia a JavaScript, eu era um tremendo preguiçoso. Era.

Eis que depois de muitos frameworks para Javascript, encontrei o ideal para mim: o jQuery. Me acostumei demais com linguagens server-side, e sempre vi Javascript da mesma maneira que CSS: um verdadeiro estresse por conta de problemas de compatibilidade com navegadores. Mas, felizmente, isto está mudando.

A dica hoje é para desenvolvedores que manjam tudo de server-side, XHTML, CSS, banco de dados, mas empacam na programação client-side. jQuery é um framework leve e com uma curva de aprendizagem mínima. A única coisa que recomendo antes de começar os trabalhos com ele, é dar uma lida sobre Javascript DOM. Recomendo um artigo que o Elcio escreveu sobre DHTML crossbrowser.

Nestes últimos dias andei testando diversas das funções do jQuery, e fico cada vez mais surpreso com a facilidade de uso. Apenas conhecendo DOM e funções básicas do Javascript já consegui explorar várias coisas que o framework proporciona.

Elaborei então uma lista de links que me ajudaram bastante, e que certamente irão ajudá-lo. Minha conclusão dessa experiência é que Javascript é fácil, e com o jQuery é mais fácil ainda. Assim, acredito que não haja mais desculpas para não aprender Javascript. E claro, aprenda Javascript (o original :D ) também, e não se prenda somente a um framework específico. Saia Web afora testando e aprendendo o máximo que conseguir. Fiquei um tempão mistificando JS, e tudo o que precisei fazer para gostar dele foi tentar conhecê-lo melhor.

Não deixe de acessar

• jQuery — Site oficial (inglês)
• Download do jQuery — Informações para o download do framework
• DHTML Crossbrowser — Artigo do Elcio que introduz DHTML crossbrowser e DOM
• Guia de referência — Guia parcialmente traduzido para português com todas as funções do jQuery
• jQuery Brasil — Site brasileiro
• Documentação oficial — Documentação oficial (em inglês), com exemplos e outras informações
• Alexandre Magno — Muito conteúdo sobre Js, jQuery, Mootools e outros frameworks

=)

Talvez os desenvolvedores que estão há mais tempo nessa história de padrões web - abandonando definitivamente os editores visuais - possam desconsiderar a dica que segue. Contudo, para os iniciantes, a dica é bem útil, vi lá no blog do Pedro Rogério, o Pinceladas da Web.

Existem espalhadas pela web algumas cartilhas, ou cheat sheets, que facilitam bastante o trabalho de quem está começando. São grandes tabelas que contém todos os elementos do HTML, CSS, JavaScript e Microformatos, e que quebram um galho enorme algumas vezes quando um elemento ou outro escapa da mente.

Mas, para não dar uma de parasita e consumir a banda dos outros, fiz o upload dos arquivos (que estão em PDF) no meu servidor.

Faça o download

Seguem os links:

• HTML Cheat Sheet, de Liquid City
• CSS Cheat Sheet, de Liquid City
• JavaScript Cheat Sheet, de I Love Jack Daniel’s
• Microformats Cheat Sheet, de Microformats.org