DevMedia
Você precisa estar logado para dar um feedback. Clique aqui para efetuar o login
Para efetuar o download você precisa estar logado. Clique aqui para efetuar o login

Auto-complete do jquery : Configurando o aptana no eclipse

Um eficiente passo a passo de instalação de um plugin que auxilia o desenvolvimento de projetos web com o framework jQuery.

[fechar]

Você não gostou da qualidade deste conteúdo?

(opcional) Você poderia comentar o que não lhe agradou?

Confirmo meu voto negativo
Devido a grande utilização do jQuery em projetos web, e a busca de aumentarmos ainda mais a produtividade dos desenvolvedores, abaixo segue uma breve descrição do jQuery e um passo a passo da instalação de um plugin que auxilia no uso do mesmo. Inclusive foi um caso específico do programador Francisco Robson da Silva Castro, que atua na IVIA-CE, onde percebeu que muitas pessoas buscavam um plugin que auxilie o desenvolvimento de jQuery e em uma pesquisa conjunta encontramos o plugin Aptana que atendeu satisfatoriamente as nossas necessidades.

jQuery é um dos frameworks mais consagrados para auxiliar os desenvolvedores a se concentrarem na lógica dos sistemas web e não nos problemas de incompatibilidade dos browsers atuais. Sendo um dos seus principais lemas: "Escrever menos e fazer mais".

Está disponíveis vários plugins que vão desde efeitos visuais na página da web até controle de dados via requisições AJAX.

Uma determinada função escrita em javasript puro tem de forma notória mais código do que quando reescrita com este framework.

Características:

  • Redução de código.
  • Reutilização do código através de plugins.
  • Uso de uma vasta quantidade de plugins criados por outros desenvolvedores.
  • Trabalha com DOM e AJAX.
  • Resolução da incompatibilidade entre os navegadores.

Visando a facilitação para os desenvolvedores que programam em Java com a IDE Eclipse, fazemos um breve, mas eficiente tutorial de como configurar o plugin do Aptana que tem como uma de suas funcionalidades o auto-complete do jQuery.

 

1 - BAIXANDO O ECLIPSE

URL: HTTP://WWW.ECLIPSE.ORG/DOWNLOADS/


2-USAR O ECLIPSE: DESCOMPACTAR O ARQUIVO .RAR E CLICAR SOBRE O ÍCONE DO ECLIPSE


 

3-INSTALANDO PLUGIN APTANA NO ECLIPSE

CLIQUE NO MENU HELP E ESCOLHA A OPÇÃO ECLIPSE MARKETPLACE


NA CAIXA FIND DIGITE APTANA E CLIQUE NO ÍCONE PARA EFETUAR A BUSCA. CLIQUE EM LEARN MORE DA OPÇÃO APTANA STUDIO.


 

 

                                                                                    

CLIQUE NO BOTÃO UPDATE SITE  


URL:  HTTP://DOWNLOAD.APTANA.COM/TOOLS/STUDIO/PLUGIN/INSTALL/STUDIO

COPIE ESTA URL E CLIQUE NO MENU HELP E ESCOLHA A OPÇÃO INSTALL NEW SOFTWARE

 

 

 

 

CLIQUE EM ADD E INFORME UM NOME PARA O ADD REPOSITORY NO CAMPO NAME. NO NOSSO CASO FOI COLOCADO APTANA E EM LOCATION COLE A URL ACIMA E EM SEGUIDA CLIQUE EM OK.


APÓS O PROCESSAMENTO CLIQUE EM SELECT ALL E POSTERIORMENTE EM NEXT



CLIQUE EM NEXT NOVAMENTE


 

MARQUE O RADIO BUTTON ONDE É ACEITO OS TERMOS DE LICENÇA E POSTERIORMENTE CLIQUE EM FINISH


 

                                         


 

O PROCESSO DE INSTALAÇÃO DO APTANA IRÁ COMEÇAR E POSTERIORMENTE DEVERÁ SER CLICADO EM OK QUANDO UMA CAIXA DE SEGURANÇA ABRIR. APÓS ESTE PASSO A INSTALAÇÃO IRÁ SER COMPLETADA.


 

CLIQUE EM RESTART NOW QUANDO SURGIR ESTA TELA


                                  


APÓS A REINICIALIZAÇÃO IRÁ APARACER UMA NOVA ABA NO ECLIPSE SIMILAR A ESTA:


CRIE UM PROJETO E/OU UM ARQUIVO JAVASCRIPT PARA VC TESTAR O PLUGIN

 

QUANDO DIGITAR $ E DEPOIS CLICAR CTRL+ESPAÇO E NÃO APARECER NENHUM VALOR, É PORQUE AINDA TEREMOS QUE FAZER OUTRA CONFIGURAÇÃO.

 

 

 

ESCOLHA NO MENU A OPÇÃO WINDOW E CLIQUE NA OPÇÃO PREFERENCES.

 

CLIQUE PARA EXPANDIR A ABA GENERAL. DEPOIS EM GENERAL, EXPANDA A ABA EDITORS E SELECIONE FILE ASSOCIATIONS .



EM FILE ASSOCIATIONS (LADO DIREITO DA TELA), CLIQUE NO FILE TYPE *.JS. DEPOIS CLIQUE EM APTANA JS EDITOR NO CAMPO ASSOCIEATED EDITORS E CLIQUE NO BOTÃO DEFAULT.


CLIQUE EM OK



ABRA NOVAMENTE O SEU ARQUIVO JAVASCRIPT. CASO NÃO TENHA FECHADO ESTE, FECHE-O E ABRA-O NOVAMENTE. VOCÊ VERÁ QUE ESTÁ DIFERENTE E AO DIGITAR $ E DAR CTRL+ESPAÇO IRÁ APARECER DIVERSAS OPÇÕES. ENTÃO O PLUGIN ESTÁ CONFIGURADO CORRETAMENTE.


 

Esperamos assim atender a necessidade de muitos desenvolvedores que estão dando os primeiros passos na utilização do jQuery, assim como os mais experientes que porventura não conheciam o plugin Apta.



Analista/Desenvolvedor Java, trabalhando em vários projetos WEB em instituições públicas e privadas. Pós-graduado em Engenharia de Sistemas pela ESAB-ES. Certified ScrumMaster. Atualmente na IVIA-CE com desenvolvimento de aplicaçõ [...]

O que você achou deste post?
Conhece a assinatura MVP?
Publicidade
Serviços

Mais posts