JavaScript Editor - Overview

What is JavaScript Editor? What can you create with it? How does it work? What technologies does it support? The JavaScript Editor video below gives you the answers, and the general overview of the various facets of JavaScript IDE (Integrated Development Environment).

10 Key Features of JavaScript IDE
(Integrated Development Environment)

JavaScript IDE is the integrated set of tools, such as JavaScript debugger, Intellisense, code-complete, color-coded editing, JavaScript templates, source code formatter / beautifier, etc, allowing you to do rapid development. This video shows 10 important JavaScript IDE features.

JavaScript Debugger (part 1 of 2)

JavaScript debugger is the #1 tool for finding logical errors in your code. This video takes you through the sample debugging session. You learn to set breakpoints, execute JavaScript code line by line, examine your variables and add them to the watch window, and monitor the stack frames.

JavaScript Debugger (part 2 of 2)

The first part covers the basics of debugging JavaScript code. This video shows how to use JavaScript debugger to trace the state of complex variables.

How to Compile JScript.NET Programs from JavaScript Editor IDE

JavaScript Editor is a good solution for developing small-to-medium .NET projects.

This video shows how to create, edit, syntax-check, compile and run JScript.NET applications from the JavaScript editor IDE.

How to Compile C# Programs from JavaScript Editor IDE

JavaScript Editor allows you to add support for C# with just few clicks. After installing the C# Support component, you are able to create, edit, syntax-check, compile and run C# applications from the JavaScript editor IDE.

Turn your site into powerful interactive web application

From: Dr Alex Davidovic

Dear fellow web developer,

To design a great website, basic support for JavaScript that visual editors and competing code editors are offering is no longer enough.

New to JavaScript? Become an expert in record time

JavaScript is really easy to learn, and JavaScript Editor includes the hands-on tutorial to guide you step-by-step from your first JavaScript endeavors through to becoming an expert.

The tutorial alone took me and the C Point team months to complete because I wanted to give you an example you can copy, paste and execute for every standard function, object, method and property - the complete JavaScript reference - that is over 250 pages with comprehensive examples telling you in detail all you need to know.

Edit JavaScript code quickly and easily

Features that make JavaScript editing a breeze include:

• Instantly identify comments, functions, and other elements, with unified color-coded syntax - both for JavaScript and HTML.

• Undo any action made in haste or by mistake, or simply experiment - unlimited Undo and Redo are only one click away.

• Save time by loading your working files automatically next time you run the program - continue exactly where you left off.

• Single-click Navigation between documents using document tabs - instantly switch to the document you need.

• The brace matching - see the scope of the function or expression immediately.

• Have a head start by using predefined templates, or create your own templates: it is much neater and faster than trying to re-use the code with copy-and-paste.

• Enjoy lightning-fast loading of big files (3,000+ lines of code)

• Context-sensitive help: just hit F1 to receive help on the function, method, or property under the cursor. Without this, you would have an impossible task of memorizing hundreds of functions you can call and the parameters you can pass to them.

• Bookmarks - navigate within your document easily.

JavaScript Editor includes several productivity tools that you cannot go without once you use them. I'll tell you more about them in a moment...

Get help as you type

JavaScript Editor's productivity tools are a real time-saver, and they are also more than that. Without them you would find it a lot harder to write error-free code and maintain your documents.

Intellisense/auto-complete eliminates the need to memorize standard functions, methods, properties and parameter lists. Apart from speeding up your work, its pick-lists also prevent typing errors. Save your time by letting the program monitor your keystrokes and offer you pick-lists with member functions, methods and properties.

Type-in templates are reusable chunks of code which at least double your coding speed. Just type the first few letters of the template and press Ctrl+Space: this will pop a list with all the matching templates:

The template prompts you to fill-in the blanks, if any.

As your expert knowledge grows, you will quickly assemble many pieces of code that you want to reuse. You can do it easily: with just few clicks you can turn any piece of code into a template, with or without parameters.

Run selected piece of JavaScript code with one click

JavaScript Editor offers something you cannot find elsewhere: the ability to execute an arbitrary piece of JavaScript instantly with a single click. It allows you to see the workings of a function without having to create the context to it – a web page, user interface and another function to call it. For you, this means that:

• Your testing is lightning fast!

To run a piece of JavaScript code just highlight it and click on Execute.
To see how your JavaScript code performs in your web page, use the Editor's Internal Viewer, or a web browser. Internal Viewer is better for development because it points to errors in your code.

• Your JavaScript code is not restricted to web pages: you can really utilize your knowledge for a wide array of computing tasks. More about this later...

How does it work? This is a case when an example goes a long way. Have a look at a simple AddTwo function, which adds the two numbers together and returns the result:

Locate functions instantly with Function Finder

Do you ever get frustrated scrolling up and down to find a particular function? Are you the sort of person who needs to use scheduling software to get organized? You will often have 50 or more functions grouped in a single JavaScript file. It can take lots of your time too, when you work with large files.

Finding functions is now lightning fast (a mouse-click is all it takes!) even with big files (over 4,000 lines of code), and includes more than one way to declare a function, for example:

function MyFunction(n)
{
    // Insert function body here
}

xyz = new function()
{
    // Insert function body here
}

var abc = function()
{
    // Insert function body here
}

JavaScript Editor automatically generates the list of functions, allowing you to navigate to the one you need in no time.

Double your coding speed with type-in templates

A number of people from JavaScript Editor trials have said that the program is more than worth its price just for this one feature! It works by:

• Allowing you to turn any chunk of code into a template, and

• Use the template with few keystrokes whenever needed.

Result? Your coding speed increases at an astonishing pace - you insert code of any complexity with only few keystrokes, and you can reuse your design whenever needed. Example:

• Type in the first few letters of the template and press Ctrl+space

• JavaScript Editor list all the matching templates: select the one you need

If the template needs any parameters, a dialog opens up so you can fill them in

JavaScript fills in the template, and inserts it into the document. The cursor is right where you need it to continue editing.

Creating new templates is equally easy. The new Manage Code Template dialog allows you to specify the parameter s, if any (list, color, edit...), and the position of the cursor after inserting. The parameters allow you to customize the code to your exact needs as it is being inserted.

Create Stand-alone JavaScript-powered HTML Applications (.HTA)

Use your knowledge of JavaScript and HTML to design lean, efficient stand-alone programs with a rich user interface and full access to the client system: HTML Applications (HTA).

Get Your Software, License and Registration

WP Master Developer Pro
Launch bonus #1: Video course 'Learn Programming: from Novice to JavaScript Guru in 2 Weeks'
Launch bonus #2: Tutorial 'Learning Recursion through JavaScript'
Software delivery: instant download. Full licensing terms are available here.
Video tutorials delivery: instant online access

Easily add animations, videos, sound, and images with Resource Manager

To give their visitors a more complete experience many of today's web sites include a lot more than text and images - add multimedia capabilities to web pages in seconds.

Your videos, images and other resources can come from a variety of places. It can be very tedious to double-click each of them to preview them in Media Player to find the one you need, and then copy it to the right folder. That's why your JavaScript Editor's built-in Resource Manager includes powerful tools to allow you to:

Access your source files instantly. Folder history and the active document folder are only one click away.

Preview images, animations, videos and sound files

Organize them

Transfer them to your resource folder, and

Insert them into your Web pages with a variety of options.

The preview eliminates the guesswork, and you can insert videos and other resources exactly as you want them: with or without the controller, starting automatically, etc. For example, when inserting videos, you specify properties like:

• Auto-rewind

• Auto-start

• Show controls

• Click to play

• Play count, etc.

JavaScript Editor then generates all the code for you.

Focus your editing with Code Folding / Unfolding

Code Folding / Unfolding (also called code collapsing) greatly adds to the organization and readability of documents you are working on. Big chunks of code that you have completed make it harder to locate the code you wish to edit and can be distracting. In this case, code folding makes your editing a lot easier.

You can also collapse or expand individual folds. JavaScript Editor assists you by automatically providing the fold buttons for every {..} scope in your code (functions, loops, switch statements, etc), and for multi-line /* .. */ comments.

Example: Folded function (the '+' button unfolds it).

Example: The same function unfolded.

Example: Folded multi-line comment

Example: Unfolded multi-line comment

 
Why is this important? In many cases you will have your functions grouped depending on the task they perform. For example, you may have a group of functions for getting/setting cookies, another one for special effects, etc. In this case, you want to be able to fold the entire group with one click, and with JavaScript Editor you can.

How? Simply highlight the code you wish to fold and select Fold selection. Give your fold a name to better organize your code. This way you can collapse a file of several thousand lines of code into few well-chosen folds:

You will be able to logically organize your code in no time by using selection folding, a functionality unique to JavaScript Editor (well, at least until the competitors steal our design).

• Locate it in no time

• Highlight it, and

• Explain it for a speedy correction:

Test your functions directly - without a web page or a driver function

It is common to spend 10% of time coding new features, and 90% chasing errors!

JavaScript Editor's Function Calling is a unique tools that allows you to avoid the bug-finding frustration and focus on development. It speeds up your testing tremendously and removes the need to code the driver function for black-box testing.

Enjoy quick and easy eradication of logical errors with the integrated JavaScript debugger

Even the best of programmers make errors!

Debugging web applications in the simplest possible way: single-click JavaScript and VBScript debugging is something no competition offers - be it a commercial script debugger or a free JavaScript debugging utility.

Have you ever used JavaScript debugger by one of our competitors? Typically you have to:

Open a browser
Navigate to a page you wish to debug
Open it
Switch back to the debugger and list the processes you can connect to
Select the process with your page in it...

... and finally you can start debugging.

This bunch of steps takes one single click in JavaScript Editor.

...and you can employ the familiar connect-to-the-running-process debugging should you ever need to use it.

Save time every time you debug - set your breakpoints only once. If you went for the Microsoft script debugger download you'll know that you have to connect to the running process, then set your breakpoint - and repeat the process each time you make a change in code.

JavaScript Editor allows you to set your breakpoints at any time - before, during or after the debugging session.

Track your objects / complex variables. Are you working with text and numbers or complex objects? Track their state with the same ease.

Easily organize your breakpoints. And with the unique Show me! option you can see the exact place in code of all your breakpoints and the exact locations of stack frames as they are formed.

Here is the very brief overview of the most important debugging options:

	Start Debugging with a single click. Opens the web page, connects the debugger and starts the debugging session.
	Stop Debugging. Terminates the debugging session - and automatically closes down the browser window.
	Breakpoint. Sets the breakpoint on and off.
	Continue. Continues the execution from the break in the code.
	Step Into. Steps into the function / block of code.
	Step Over. Executes the current line of code and moves to the next one.
	Step Out. Steps out of the current function / context.
	Run to Cursor. Executes the code up to the cursor location.
	Inspect Variable. Shows the value of the selected variable.
	Add to Watch. Adds the selected variable to the watch window.
	Watch. Displays variables and their values and updates them automatically at each break of the execution.
	View Local Variables. Toggles the local variables window on and off.
	View Stack Frames. See the call stack - all the variables in all the stack frames as a given point of execution.
Break	Directs the execution to stop at the first line of script.

Set your environment exactly the way you want it

You do not have to learn another set of shortcuts and commands - make JavaScript Editor look and behave just as you are used to.

The new smart resize lets you organize, position and resize your tools with ease.

Automate code insertion with AutoScripts

You always have tasks that you perform again and again with the files you are working on. For example, this can be inserting copyright or programmer information, replacing bits of text, adjusting templates, etc.

You only need a single click to apply the same script to another document.

Integrate your favorite tools with JavaScript Editor

Do you already have Dreamweaver, Front Page or another popular HTML editor?

If you do, JavaScript Editor complements them beautifully for hugely increased functionality. If not, JavaScript Editor allows you to switch easily between code and visual editing and get the best from both worlds.

In fact, JavaScript Editor lets you get more out of your existing tools by offering exceptional levels of integration. Here is just a glimpse of what you can do:

• Tap into the power of .Net: compile JScript.Net applications (.exe) and libraries (.dll)

• Automatically navigate to errors in your JScript.Net code after compiling for the speedy correction

• Run compiled applications directly from JavaScript Editor IDE

• Run compiled console applications with the output displayed in JavaScript Editor's Output pane - no more fleeting command windows

• Run PHP and Python interpreters

• Add context-sensitive help for PHP, Python and other scripting and programming languages

• Extend the environment with more tools of your choice...

Work with XML files

Developing Internet applications using AJAX (asynchronous JavaScript and XML) is great:

• It is fast and efficient. Only small amount of data passes through, making it a highly suitable platform for Internet application development, and

• It is transparent to the user. The data is being interpreted to change only the portion of the web page that needs to be changed, not the entire page.

Code exactly the way you want it -
with Source code formatter / code beautifier

As you use the code from various sources you will inevitably end up with different coding styles and standards.

This makes the source code hard to read and maintain, and at odds with what you'd like to see and with your organization's standards.

With the powerful source code formatter / beautifier you transform in seconds someone else's unintelligible code to EXACTLY the way you want it.

• JavaScript Editor includes the predefined settings for common coding styles: ANSI, Java and Linux/Unix.

• Are you working with multiple technologies? The source code formatter / beautifier is optimized for JavaScript and several other languages: C, C++, Java, C#, and ActionScript.

• Having a bunch of documents to format? Save time by applying the coding style to many documents at once.

Have modern, efficient pages: cleanup, fix and format
HTML, XHTML and XML

Today's browsers continue to support old-style HTML code, but the modern sites are increasingly coded in eXtensible HTML (XHTML).

JavaScript Editor includes powerful XML, HTML and XHTML formatting options, allowing you to produce code that is highly optimized, well-formed and easy to read and maintain.

• Has your web site evolved over time? Have you ever observed how HTML code looks like when you save your Word document as a web page?
  
  Convert your old HTML code to XHTML, which is in many respects better, faster to render and better organized.

JavaScript Editor combines together:

• The HTML code formatter / beautifier
• The XHTML code formatter / beautifier
• The XML code formatter / beautifier, and
• The HTML to XHTML converter.

Macro recorder

Do complex operations only once – record your actions and play them back whenever needed. Automate common operations within the editor with the macro recording / playing tool. It records your keystrokes, commands and mouse actions, saves them and allows you to replay them.

Spell-check your documents automatically while you work

When you edit your web pages, you may forget to run the spell checker, and spelling errors make your site look unprofessional.

As you work, JavaScript Editor checks your web pages for spelling errors.

To save on download time, JavaScript Editor ships only with 4 English dictionaries:

• English (US) - default
• English (UK)
• English (Australia), and
• English (Canada)

However, you an download and install additional language dictionaries in no time, for German, Dutch, Swedish, French, Italian, Danish, Norwegian, Spanish, and more than 40 other languages.
 

Easily do batch processing and common computing tasks with JavaScript extensions

Are you using JavaScript only for your web pages? Think again: JavaScript is a simple but powerful language - why not leverage your knowledge of scripting for common tasks on your machine or your intranet?

Of course, it is not possible to access visitors file system with JavaScript (if JavaScript could do that it would be a huge security problem), but you can now easily read and write files and do other folder and file operations on your computer, or on your intranet.

Publish your code with ease

Apart from publishing your web pages, there are occasions when you need to publish the source code itself on the Internet or elsewhere. Code export preserves the color coding and formatting: it makes your JavaScript code and HTML code much easier to read and understand.

To this aim, use JavaScript Editor to export your files:

• As web pages, for placing them on the Internet, or

• As Rich Text (.rtf) files, for use in Microsoft Word or other text processors.
   

Customize the Editor exactly to your taste

After spending months or years using your favorite software, you get accustomed to shortcut keys, which can considerably speed up all the operations.

JavaScript Editor now allows you to re-assign all shortcut keys so that you can continue working with familiar shortcuts rather than having to learn the new ones.

Apart from the shortcuts, the new Customize tool allows you to adapt different aspects of the program to your taste:

• Background colors and skins

• Editor fonts, colors and other settings

• Splash window

• Tabbed document navigation and more...
   

What makes JavaScript Editor so easy to use?

I would like to tell you exactly why JavaScript Editor is "easy-to-use" - unlike the competition it is not just a phrase we add for good measure:

You can use the software immediately: there is no steep learning curve to master.

You will not be dragged through multiple option screens: everything is logically grouped together.

You will never have to hunt for a command through deeply-nested menus.

As you can see from testimonials, we hear all the time from our customers how easy-to-use JavaScript Editor is.

Visual tools aid your design whenever possible.

A mouse click (or a keypress) goes a long way: you will not have go through multiple configuration screens to get the job done. The software does heaps for you under-the-hood.

You are not left in the dark: step-by-step approach is used whenever possible

What are Users Saying

No-hassles 30 Days Guarantee

It's simple and straightforward:
"If you do not think that you got an exceptional value for money, let me know within 30 days and I'll refund your money in full."

This iron-clad guarantee is given by our company Craig Crawford and also personally by Dr Alex Davidovic, the company director and the head of the programming team.

Get Your Software, License and Registration

WP Master Developer Pro
Launch bonus #1: Video course 'Learn Programming: from Novice to JavaScript Guru in 2 Weeks'
Launch bonus #2: Tutorial 'Learning Recursion through JavaScript'
Software delivery: instant download. Full licensing terms are available here.
Video tutorials delivery: instant online access