Faça o curso: jQuery na Prática

Olá pessoal. Estou com saudades de todos vocês. Estive ausente por um período devido a intensidade do trabalho e projetos em que estou envolvido. Mas estou de volta.

É sabido que o Dreamweaver não oferece suporte às bibliotecas e frameworks JavaScript mais populares, como: jQuery, Prototype, MooTools, e YUI. No entanto, Chris Charlton pretende mudar esse cenário criando extensões para o Dreamweaver que dão suporte as bibliotecas e frameworks JavaScript mais populares.

Sou usuário e fã da jQuery - uma biblioteca JavaScript que facilita e deixa mais excitante meu dia-a-dia com a programação client-side. Portanto, não poderia deixar de ter uma extensão que conceda ao Dreamweaver novos recursos e integrações. Para ser mais específico, um suporte a jQuery, a qual utilizo todos os dias.

As extensões, em versão BETA, são baixadas no site Xtnd.us. Se tratando da jQuery API for Dreamweaver MX-CS3 (API da jQuery para o Dreamweaver MX-CS3) teremos suporte as APIs da jQuery e da jQuery UI (User Interface).

Uma vez instalado a extensão, utilizando o programa Adobe Extension Manager, o Dreamweaver oferecerá sugestões de código (code hints), coloração do código (code coloring) e pedaços de código (code snippets).

Ao digitar o caractere cifrão ($) ou cifrão mais ponto ($.) num arquivo JavaScript/HTML, o Dreamweaver exibirá sugestões de código para os métodos, eventos e efeitos da jQuery. Você também pode utilizar a combinação CTRL + Barra de espaço para exibir as sugestões de código (code hints).

Observe abaixo as imagens ilustrativas das sugestões de código.

Sugestões de código ao digitar o cifrão ($).

Sugestões de código ao digitar o cifrão mais ponto ($.).

As sugestões de código podem ser desabilitadas, sem a necessidade de remover a extensão, através do painel Preferences na categoria Code Hints. Observe:

Opção para desabilitar as sugestões de código.

A coloração do código, ainda em fase Alpha, pode ser configurada através do painel Preferences, categoria Code Coloring, Document Type JavaScript e clique em Edit Coloring Scheme. Observe um exemplo:

Exemplo de como configurar a coloração do código.

Os pedaços de código, Snippets, da jQuery estão localizados no painel Files, aba Snippets. Acesse essa aba utilizando o atalho Shift + F9 ou selecione Snippets no menu Window. Observe os snipeets na imagem a baixo.

Snippets da jQuery.

Se você é usuário da jQuery, acredito que esta extensão será úti no seu dia-a-dia como tem sido para mim. Fique atento as novas versão e novidades no site Xtnd.us.

Abraços!