Create an Ajax project with Aptana IDE

Aptana allow you build any project Ajax Web with many librarys like Prototype, jQuery and YUI Library Yahoo!

A IDE Aptana permite criar projetos web com Ajax muito rapidamente e com vários tipos de projetos como Prototype, jQuery, vários outros e o famoso YUI library do Yahoo!.
Vou deixar aqui um passo a passo de como rapidamente vc pode criar um projeto utilizando a library do Yahoo!.

#1 - Crie seu novo projeto / New project …

Crie o projeto novo...

#2 - Escolha o tipo de projeto Ajax / Choose Ajax Library Project …

Tipo do projeto

#3 - Dê um nome para o project / Enter project name …

Nome para o projeto

#4 - Escolha a biblioteca YUI / Choose YUI Library …

Escolha a tecnologia Ajax

#5 - Se vc tem e quer utilizar a biblioteca mais nova do YUI Library, basta copiar os diretórios com os arquivos javascript e substituir no diretório lib do projeto. Em seguida atualize os arquivos.
If you wanna update the library, copy the files and directories to inside lib dir in your project. Later update the project in aptana ide.

Atualize os arquivos YUI

#6 - Crie um novo arquivo html / New html file …

New file html

#7 - Adicione a biblioteca yahoo-dom-event / Add yahoo-dom-event library …

Add script resource

#8 - Use o autocomplete da IDE para navegar nos objetos do Yahoo adicionados e adicione o evento addListener e uma função javascript. / Use autocomplete menu to add YAHOO object and add the addListener method to call the helloworld function …

Add YAHOO object

#9 Pronto! / Done!

Done!

Vc pode ver nesta última imagem o código completo. Quando vc clicar no texto ou na div “div_name” a função helloworld irá ser acionada e uma mensagem de alerta apresentada.
Take a look in this last image. When the user click inside the “div_name” div, it call the helloworld function to show a message box.

Muito fácil, não?!

Até +!
Bis bald!
Icon The Rolling Stones

Comments are closed.