Eclipse – programming in HTML, CSS and JavaScript (+jQuery) using Aptana (tutorial)

Eclipse - programming in HTML, CSS and JavaScript (+jQuery) using Aptana (tutorial)

A quick walkthrough on all the goodies Aptana plugin for Eclipse provides when editing HTML, CSS and JavaScript code. Link about Java 7 and FTP problems on W…

Don’t forget to check out our other video tutorials or share this video with a friend.

1 Star2 Stars3 Stars4 Stars5 Stars 0 votes
Loading... 4,267 views

18 responses to “Eclipse – programming in HTML, CSS and JavaScript (+jQuery) using Aptana (tutorial)”

  1. Praneeth Ramesh says:

    Nice Tutorials.. Thank u…

  2. Francesc Domingo says:

    Well done, thanks!

  3. Xihui Chen says:

    A nice javascript, html, css editor in Eclipse

  4. Artur Pasnikowski says:

    I am using just normal connection transfer like you have on left local on
    right server So I need to make some updates to website. No local files at
    all. So I create new web project. So is empty. Then I need file from lets
    say root/ab/cd/ef/lol test.js I can transfer that file no problem to my
    local (but it is in root local)not create root/ab/cd/ef/lol to put file
    inside. I want get file WITH server folders path.

  5. Martin Ambruš says:

    I agree 100% with that. In my (lazy) case, however it would be – find only
    what you need for the moment, then forget about it imediatelly 😀 Good
    luck! And please share the answer here if you can find it on StackOverflow
    as well 😉

  6. Martin Ambruš says:

    yeah, if you transfer only that single file, then of course Eclipse will
    put it into root, since it does not know about the previous path from your
    remote repository… I can’t think of any way to accomplish this other than
    transfer everything to local including folders and delete what you don’t use

  7. Martin Ambruš says:

    I don’t understand how are you downloading files into Eclipse? you can copy
    or drag&drop them there… or what are you using to do this?


    Hi Martiin, Thanks for the tutorial . I had JSDT in eclipse and then I
    installed Aptana also . however, I am not getting the Intellesense and
    auto-complete features. which perspective should i select to get these.
    Plesae help.

  9. Artur Pasnikowski says:

    I have a question. When I made connection with server and there I have few
    folders. One is let say CSS and inside few stylesheets. One is test.css.
    Let say there is 100 stylesheets 🙂 I want to transfer to local one file
    test.css but when I do that Eclipse put it in root folder on local disk
    Does not create folder path Here should made css folder first and then put
    test.css file inside. Do I have to always create manualy all path and then
    download file Imagine 5 nested folders with 100 files.HLP

  10. Samuel Liebermann says:

    Thanks, I’ll ask in stack overflow. BTW – it’s not that I’m such an
    advanced user, I just like to go over all the settings when installing
    something. Surprising how much you can learn just by trying to understand
    every option… Thanks again!

  11. Martin Ambruš says:

    Everything here is valid for all versions of Eclipse, since Eclipse itself
    is basically just an architecture with a bunch of pluggable modules. So
    yeah, you can install Aptana even into Java Eclipse if you want 😉

  12. Artur Pasnikowski says:

    yeah but can I download single file with folders path example:
    skins/somepart/stylesheets/main/test.css so eclipse will create on local
    disk path: skins/somepart/stylesheets/main/ for that file?

  13. Samuel Liebermann says:

    Hey – I’m doing my first steps with Aptana and I have two questions. 1: In
    .js document, I type document.g and alt-space for suggestions, all I get is
    “getElementById”, without the others you would expect. What can I do to
    allow all other suggestions as well? (getElementsByName for example) 2: I
    want to leave comment on the same line with code. It especially important
    for $NON-NLS-1$ comments. They have to stay on the same line. Couldn’t find
    such an option on the config. It it possible? 10x!

  14. Martin Ambruš says:

    It’s probably not about perspective. Are you sure you’re opening those
    files in an Aptana editor? When you right-click it, you should be able to
    select “Open With” and select the appropriate Aptana editor to open it in.
    The auto-completion in Aptana editors is automatic, unless you probably
    turn it off in preferences (although I don’t recall such option being

  15. Martin Ambruš says:

    Hi Krzysztof, thanks for your comment. Unfortunately, I don’t use that code
    completion too often, so I’m not able to say why either the parent folders
    completion or the jQuery bundle isn’t working as one would expect it to.
    The files list completion seems to be an issue with Aptana, however they
    seem to stopped development a while ago and I don’t know if any updates are
    planned. jQuery bundle would be the same case, although I’m not sure if it
    comes from Aptana or an external source. Sorry.


    there were some conflicts, So I uninstalled web development and java script
    development plugin from Eclipse. It’s working fine now expect Jquery part.
    I have installed the bundle but it’s showing auto complete for jquery.
    Plesae suggest . thanks a lot .

  17. Martin Ambruš says:

    if you’re just dragging the file into Eclipse from some location outside
    it, Eclipse will add the file where you drop it – it has no knowledge of
    the folder structure the file originates from, and unless you drag&drop the
    whole folder with all your CSS files, it will simply create the one file
    exactly where you drop it

  18. Martin Ambruš says:

    Wow, this is a heavily advanced use that I have no experience with myself.
    However, you may be able to get an answer on StackOverflow, as the
    community is very knowledgeable and might even be able to help you with the
    first question as well. Sorry I can’t answer your questions but the usage
    you are looking for is beyond what I will probably ever need for my
    “simple” projects.

Leave a Reply

Your email address will not be published. Required fields are marked *