As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 11 years ago.
can anyone please help me to identify the best AJAX development IDE or tools base on the advantages and disadvantages? Thank you
I like too much Aptana Studio.
For the "tools" part of your question, I have found the following combo quite good:
Firefox + Firebug + FireQuery + FireRainbow + PageSpeed + Web Developer
Have a look at the up-coming WebStorm from Jetbrains.
Upsides:
Support for Javascript and extended frameworks, such as YUI, JQuery, Dojo and Prototype; code completion, refactoring and code inspection. Mozilla-based Javascript debugger
From the help file:
Smart, DOM-based, browser-type aware JavaScript code completion for:
Keywords, labels, variables, parameters and functions.
User defined and built-in JavaScript functions.
JavaScript namespaces.
JavaScript and AJAX error and syntax highlighting.
JavaScript and AJAX-aware refactorings:
Rename a file, function, variable, parameter, or label (both directly and via references).
Move/Copy a file.
Safe Delete a file.
Extract inlined script from HTML to a JS file.
Extract function.
Numerous JavaScript and AJAX-aware code inspections and quick-fixes.
JavaScript and AJAX Intention Actions that let create various application elements.
JavaScript and AJAX code formatting and folding.
JavaScript and AJAX code blocks, live
Downside:
Not free and not yet released (there's a 45 day trial on the Jetbrains website)
Related
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 10 years ago.
In Java world I always press F3 if I want to jump into a method or class, variable... anything really.
I am now working on a Javascript project and I am finding the F3 (Open Decleration) extremely limiting in Eclipse and in Aptana. Its actually almost non-existent, working only for declared variables in methods.
Our project has grown to about 50 Javascript files (~60 Javascript "objects"), and things are becoming almost unmanagable because of situations like this :
this.url = Util.buildURLFor(URLs.ticketPrefillData);
The Util object is in a file called Toolbox, and the URLs object is in a file called URLManager. The question is, how is anyone supposed to know that it is in the Toolbox file? And why can't the IDE pick out all the objects in all the files, so the F3 knows where to go.
As the javascript files grow it is becoming unmanageable (in an agile project this can be fatal) and we are thinking of switching back to Java in the form of Vaadin or ZK, unless we can find a decent intelligent IDE for code navigation.
In Summary, I need a JS IDE which can do this :
I have a method in file A which calls a method on class B1 which is in file B. It seems like no IDE i have come across can make that association.
Check out WebStorm by JetBrains. I haven't used it but have heard great things about it. It supports code navigation, and judging by ReSharper, JetBrains are really good at it.
Currently, I use Visual Studio 2012, which has great (enough, for me) navigation when you add references to your used javascript files. So in file A, when you use code in file B, you would just add this to the top of your file:
/// <reference path="./B.js" />
From now, you have Intellisense and code navigation. (VS2010 has similar features but isn't as powerful, if I recall correctly)
(your question is however kind of subjective, so might get closed/flagged; try to avoid asking questions where you ask people what they use/prefer; see the FAQ for more info)
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 10 years ago.
I hope this question is not too general, but i haven't found any good tutorial on how to do the transition from standard javascript / jQuery code to modular / tested code.
Mmy new task is the complete refactoring of the javascript of our wordpress plugin.
Our current code is standard jQuery code, thrown all into a file, with checks on the existance of dom elements to understand on what page we are in and attach the correct event handlers.
My goal is simply to write more manteinable and clear code, and introduce tests in the process.
My approach would be:
Try to modularize code in separate files (one file for each page) and use require.js to load only the required code.
write some tests with jasmine/sinon and try to adapt the esisting code so that the tests pass
Have you got any other suggestions/best practice?
Can you share some example on how you approached similar tasks?
I was thinking about bringing in an mvc framework but if i can stick to standard jQuery code i think it's easier for the development team because it doesn't add complexity
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 10 years ago.
i don't understand the meaning of the word library -
regarding to jQuery: will it be right to say that "library" is a huge file with many plug ins that are ready to use?
jQuery is a fast and concise JavaScript Library that simplifies HTML
document traversing, event handling, animating, and Ajax interactions
for rapid web development. jQuery is designed to change the way that
you write JavaScript.
All this means is that jQuery itself does not do anything. A library is "a collection of resources used to develop software". jQuery allows you to write cross-browser JavaScript a heck of a lot easier than it would be without it.
A library is something that extends a base langage. So in this definition jQuery is a library
A small(not huge!!!) file (32K only)... With many many functions and features.
Libraries contain code and data that provide services to independent programs. This encourages the sharing and changing of code and data in a modular fashion, and eases the distribution of the code and data.
Wikipedia
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 11 years ago.
I just recently got interested in how search engines work, and I found out that they use "bots" or "webcrawlers". I immediately started wondering about how do these things work and I wanted to create one! So, first of: how do you make a program that requests a page from a server? It would be awesome if you gave me a simple example in JavaScript (I'm running it as a normal scripting language using Node). Next, is there a Node module that let's me interpret HTML? Create a DOM for me so I can cycle trough all the links and so on? Correct me if I'm wrong but I guess it's done like that... Any examples in C++, C or Python are warmly welcomed as well, although I'd prefer JS or Python because I'm more familiar with high-level scripting languages.
Getting HTTP pages: node http.get (example is there)
DOM documents: jsdom (also includes examples)
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 10 years ago.
I occasionally write JavaScript code. I am interested in minifying it for better performance, but I don't plan to spend to much time on that, especially in testing the minified result.
I found this online service:
http://www.lotterypost.com/js-compress.aspx
So a couple questions:
Is it reliable?
Microsoft AJAX minifier vs. YUI Compressor, what's the best option?
Any other similar online tool to recommend (and why is it better than the above link)?
Google's Closure Compiler
is an excellent Javascript minifier and compiler. It analyzes the code and reports the detectable errors. It removes redundant space and unreferenced code, and renames objects to shortest possible names. You just need to compile together all Javascript files that belong to one HTML page.
That link you post happens to be the one that I use too.
Use the MS AJAX Minifer. It's way better than the yui one. besides:
http://stephenwalther.com/blog/archive/2009/10/16/using-the-new-microsoft-ajax-minifier.aspx:
The Microsoft Ajax team (I work on
this team) has been using this tool
internally for a number of years. For
example, we use the Microsoft Ajax
Minifier to minify the Microsoft Ajax
Library before publishing it.
Well if you don't trust me, run your source code (if you don't have an actual source code to test, just grab the source at http://code.jquery.com/jquery-1.6.2.js) through both and see which is more "minified".
==
Google has the Google Closure Compiler but it analyzes your code and removes unreferenced code (to furthur reduce the size of the resultant file). However usually this is not what you want because even though the functions/variables are not referenced within that file, it may be referenced from your other js files that make up your site)