Yahoo UI Library : Begin with Aptana

  1. download the latest version of Yahoo! UI library
  2. download the latest version Aptana
  3. Extract the Yahoo! UI library Extract the  Yahoo! UI library
  4. Search all the JS files inside the build folder Search all the JS files inside the build folder
  5. Remove all the JS files which contain '-min' in their file names. so that we can only keep the documented versions.

    Example:

    animation.js
    animation-min.js

  6. Launch your Aptana Launch your Aptana
  7. Drag all the JS-Libs to the left top pannel of Aptana. Drag all the JS-Libs to the left top pannel of Aptana.
  8. Now let's edit a test.js file. Now let's edit a test.js file. you can see that we've some autoComplete assistence of Yahoo! UI Library here.
  9. Also, we have the default DOM autoComplete assistence.
    And Aptana check the syntax errror as well.
    ( Error: var dElement - document.create....)
  10. Let's put the error aside, and see what will happen the newly defined variable "YUD";
    Wow, the Object reference works for YUD!
  11. and don't forget the new defined Dom Element "dElement"
  12. Have fun :-D