Eclipse – programming in HTML, CSS and JavaScript (+jQuery) using Aptana (tutorial)
![Eclipse - programming in HTML, CSS and JavaScript (+jQuery) using Aptana (tutorial)](http://www.videotutorials.co.uk/wp-content/uploads/2014/04/e70a3_css_tutorial_default.jpg)
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 Star 1 Star](http://www.videotutorials.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_off.gif)
![2 Stars 2 Stars](http://www.videotutorials.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_off.gif)
![3 Stars 3 Stars](http://www.videotutorials.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_off.gif)
![4 Stars 4 Stars](http://www.videotutorials.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_off.gif)
![5 Stars 5 Stars](http://www.videotutorials.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_off.gif)
![](http://www.videotutorials.co.uk/wp-content/plugins/wp-postratings/images/loading.gif)
18 responses to “Eclipse – programming in HTML, CSS and JavaScript (+jQuery) using Aptana (tutorial)”
Leave a Reply Cancel reply
Video Tutorials
Bringing you the best video tutorials for Photoshop, Illustrator, Fireworks, WordPress, CSS and others.
Video tutorial posted 22/04/14
Category: CSS Tutorials
Tags: Aptana, Eclipse, HTML, Javascript, JQuery, Programming, Tutorial, Using
![Follow @video_tuts on Twitter!](http://www.videotutorials.co.uk/twitter-banner.png)
Pages
Random Videos
-
Fireworks CS5 Tutorial – Rollover Button/Image
3,735 views
-
iTunes-style Image Photoshop Video Tutorial
2,150 views
Video Categories
- 3DS Max Tutorials (150)
- After Effects Tutorials (160)
- C# Tutorials (121)
- Colour (6)
- Crazy Effects (1)
- CSS Tutorials (120)
- Dreamweaver Tutorials (139)
- Excel Tutorials (127)
- Featured (10)
- Fireworks Tutorials (131)
- General Effects (9)
- HTML Tutorials (143)
- Illustration and Vector (1)
- Illustrator Tutorials (174)
- IMove Tutorials (119)
- Lightroom Tutorials (145)
- People and Faces (3)
- Photoshop Tutorials (169)
- Text Effects (7)
- Uncategorized (32)
- WordPress Tutorials (140)
Tags
VideoTutorials.co.uk
-
Videotutorials.co.uk offers the web's best Photoshop tutorials, Illustrator video guides, CSS and HTML tutorials and much more all in one place. With new videos being added every day, you can learn how to master software and code to give your images and website some great effects.
Our site has beginner, intermediate and advanced video tutorials of varying lengths so you can learn a new skill at your own speed and level. So whether you're a web designer, print designer or just wanting to edit some family photos, you can get to it quickly and easily using these free video guides. (more)
Nice Tutorials.. Thank u…
Well done, thanks!
A nice javascript, html, css editor in Eclipse
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.
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 😉
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
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.
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
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!
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 😉
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?
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!
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
there).
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 .
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
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.