Screenshot Preview

WebStorm - Summary

by JetBrains - Product Type: Application

Summary

WebStorm by JetBrains

URLs: webstorm, jetbrains

Professional IDE (Integrated Development Environment) for Web developers. WebStorm helps you to easily create Web sites by letting you edit HTML, CSS and JavaScript, navigate through files easily and use auto completion for everything in your code. WebStorm also notifies you about code problems on the fly and easily handles complicated languages mixtures e.g. HTML markup or SQL inside a JavaScript. WebStorm tracks any changes made to your source files, protecting you from any accidental losses or modifications, even if made by other applications. At any time you can inspect the history of either a particular file or directory and rollback to any of its previous versions with WebStorm. WebStorm can also set version labels.

HTML/HTML5/CSS

DOM- and Schema-Based Code Completion - Based on its deep knowledge of HTML/XHTML and XML code, WebStorm is capable of completing:

styles

file references

tag names

closing tags

attributes

In CSS, code completion works for:

classes

HTML IDs

keywords

values

properties

Validation and Quick-Fixes - WebStorm detects and suggests auto-fixes for such problems as:

invalid CSS selector format

invalid CSS properties

unused CSS class definitions

invalid local anchors and more...

missing required attributes

invalid attributes or illegal values

Wrong references to files in links

Duplicate attributes

Whenever you see a bulb, hit Alt+Enter to see what WebStorm suggests

Show Content - Quick Definition Lookup on a CSS ID immediately shows a popup displaying the actual styles defined for this particular ID; when invoked on an image file reference, you will see an image preview. This works both in code and in completions lists.

Zen Coding - WebStorm allows you to use the power and speed of Zen coding. All abbreviations are available for creating new content and for wrapping an existing structure. Having difficulty understanding where the styles come from for a particular tag in your page? Right-click it and choose Show Applied Styles for Tag. This command opens a tree-view of all styles that are applied to the tag by CSS, with all possible overrides.

Extract Embedded Styles - Allows you to clean your HTML code by moving styles embedded inside tags to either the current file <style> section or to a linked external .css file. Simply invoke 'Extract Embedded CSS' quick-fix, specify CSS selector and the destination for the new CSS class.

JavaScript

DOM-Based, Browser-Specific Completion - JavaScript code completion for keywords, labels, variables, parameters and functions is DOM-based and supports popular browsers specifics (IE, Firefox, etc.) The completion is available for both standard and user-defined functions in *.js files, HTML event handlers and everywhere else where appropriate.

Code Navigation and Usage Search - Numerous code navigation and usage search options:

Go to declaration - navigates to where the function, variable or label in question is declared with a simple hotkey or Ctrl+Click.

Go to symbol - navigates to any symbol in project code using search patterns, including asterisk (*) or CamelHump abbreviations.

Find/Highlight Usages - locates other places in your entire project where a JavaScript symbol, label or file is used, with quick preview and instant navigation to the actual usages.

JavaScript Refactoring

Refactoring capabilities provided for JavaScript allow you to easily modify the code structure as well as undo the modifications. Some refactorings available for JavaScript code and *.js files are:

Move/Copy

Safe Delete

Extract embedded script into file

Rename

Extract Variable/Function

Inline Variable/Function

Code Inspections and Quick-Fixes - To ensure better code quality, JetBrains WebStorm catches common errors in your JavaScript code on the fly and offers quick-fixes for them.

JavaScript Debugger Based on Mozilla - With JetBrains WebStorm you can debug JavaScript code utilizing the complete range of features:

Breakpoints in HTML and JavaScript

Customizable breakpoint properties: suspend mode, conditions, pass count and more

Frames, variables and watches views in JavaScript debugger UI

Runtime evaluation of JavaScript expressions

Extended Frameworks Support - The following extended JavaScript frameworks are supported: JQuery, YUI, Prototype, DoJo, MoTools, Qooxdoo, and Bindows.

Some specific features include:

Code completion for every framework

JSDoc and DoJo style type annotations support for better code completion and parameter type information

Quick Documentation lookup for JSDoc and DoJo style commands

More Than Code

Batch Code Analysis - No need to click through all the files or deploy to a server to spot errors and warnings. Start Code Analysis for the whole source tree, select Inspections to run, and see all results in a single view.

Language Mixing/Injection - Support for any "outer" and "inner" language in your PHP code - enjoy full coding assistance for CSS, JavaScript, SQL, etc. outside of php code blocks and inside php string literals.

Spellchecker - Integrated spellchecker verifies texts in tags, code strings and comments to avoid misspellings and typos on your web pages. To ensure better code readability even variable names, CSS classes and IDs are spell-checked. To configure spellchecker specify the options for 'Spelling' inspection in Inspections settings.

Smart Environment

FTP and Remote Files Syncronization - Open files from a remote host, FTP, or a mounted network drive using simple configuration and an intuitive user interface. Edit project files locally and deploy back to a remote server using automatic synchronization on file save or on demand.

Version Control Systems Integration - WebStorm supports most popular Version Control Systems:

Subversion

Perforce

Git

CVS

All the tedious tasks (adding, removing, deleting files) are performed automatically. A built-in visual merge tool resolves all conflicts in a quick and intuitive manner. The changes made locally are highlighted as you type in the editor gutter, providing intuitive navigation and a 2-click rollback for individual changes.

The following features are available no matter what VCS you use:

Integrated changelists - group your changes into multiple change lists for better ogranisation

Shelved changes - set aside some changes to restore them later on

Repository Changes view - see what has been committed by other team members

Incoming Changes view - see the code changes not yet integrated into your local copy

Outdated Changes Notification - get warned that a file you are working with has been changed after your last sync.

Local History - WebStorm tracks any changes made to your source files, protecting you from any accidental losses or modifications, even if made by other applications. At any time you can inspect the history of either a particular file or directory and rollback to any of its previous versions. You can also set version labels.

What’s new in WebStorm 9?

Meteor Support - Coding assistance for Meteor APIs, special debug configuration for server-side Meteor code, and the new Meteor project generator.

React and JSX - Syntax highlighting, code completion and error detection for JSX and JavaScript expressions in JSX.

Integration with PhoneGap, Cordova and Ionic - WebStorm now facilitates your workflow with mobile apps developed with PhoneGap, Apache Cordova and Ionic frameworks. You can create, emulate and deploy apps right from the IDE and have direct access to the Cordova plugin registry.

Polymer Support - The IDE understands custom elements imports, Polymer’s styling features (like the Shadow DOM polyfills) and layout attributes.

Gulp Integration - Easily browse through the list of tasks defined in the project gulpfile.js, and run or debug any of them simply by double-clicking the task name.

Automatic Update for Node.js Apps - With the updated Live Edit feature, WebStorm can seamlessly update your Node.js application on changes via hotswap or automatic server restart. Just make sure you’ve started a Node.js debug session for that.

ESLint and JSCS - WebStorm adds support for ESLint, a new JavaScript linting utility, as well as JSCS, a code style checker for JavaScript. Both tools identify and highlight issues in your code on the fly, right in the editor, and provide easy ways to suppress inspections for statements if needed.

EditorConfig - EditorСonfig helps developers define and share code style configuration between different IDEs and editors. WebStorm brings built-in support for EditorConfig, so that now code style settings from EditorConfig files are applied automatically to your project.

Dart's Pub Serve - For Dart projects, WebStorm adds seamless integration with pub serve. Now when you open your Dart app in the browser from the IDE or start a debug session, WebStorm will automatically run pub serve command first.

CSS3 Enhancements - WebStorm now supports the latest CSS3 specifications. Now you’ll get advanced coding assistance for CSS3 properties and values including autocompletion and lots of new on-the-fly inspections.

Inline Variables View - See variable values next to their usages with Inline variables view, a new debugging feature that integrates the Variables view right in the editor.

Postfix Code Completion - Postfix completion lets you transform an already typed expression in JavaScript or TypeScript to another one based on the postfix you add.

Scratch Files - WebStorm 9 brings a completely new feature called Scratch Files. Scratch Files help you experiment and prototype right in the editor - without creating any new project files - and still enjoy top-level coding assistance.

What’s new in WebStorm 8?

AngularJS Support - Intelligent code completion for directives, controller and application names and code insights for data bindings inside of curly-brace expressions.

Spy-js - See a full list of events that trigger code execution, then dig into the stack trace and explore the highlighted trace in the source code.

Multiple Carets and Selections - Place carets in multiple locations in your file and edit code simultaneously.

Grunt Console - Browse through lists of Grunt tasks defined in your project and execute any task by double-clicking.

Bower Integration - Search for, install and manage client-side libraries and frameworks for your project.

JavaScript Modules - Improved support for RequireJS and AMD.

Live Console - A shell prompt that allows you to execute commands and JavaScript code.

CucumberJS - JavaScript implementation of Cucumber test framework for Behavior Driven Development. Understand Gherkin syntax and help generate code for step definitions.

What’s new in WebStorm 7?

Support for EJS - EJS-specific syntax highlighting, typing assistance and formatting.

Mustache - WebStorm now understands .mustache and .hbs files and provides formatting and syntax highlighting for Handlebars and Mustache templates, as well as automatic tag closing.

Stylesheets and JavaScript - WebStorm 7 comes with basic support for Stylus stylesheet language including code completion, formatting, syntax highlighting and automatic compilation to CSS.

Compass - For a more complete experience with Sass, there is now support for Compass. It includes completion, resolving and finding usages for functions, mix-ins and variables from imported Compass files.

Karma - For simple and efficient testing of your JavaScript code, WebStorm 7 includes integration with the Karma test runner and the Istanbul code coverage engine. Now you can run and debug your tests right inside the IDE and view results in a visual format.

Built-in Tools - WebStorm now includes an integrated Node.js package manager npm to quick search for and install node programs.

Major Improvements - WebStorm 7 provides support for the latest version of TypeScript 0.9 including Generics and enums. Support for languages like CoffeeScript and Dart has been improved, and there is now a new structure view for LESS and Sass CSS extensions.

Live Edit and Elements Tab - Completely redesigned to make it more coherent and predictable. Now available in JavaScript debug sessions. Page content automatically updated with your changes.

Improved JavaScript Debugger - New Variables view and an Elements tab which allows you to inspect elements of the current web-page and shows its contents live.

REST Client - Built-in REST Client improved with added support for request history, import/export of XML files with REST Client Requests and compressed responses.

What’s new in WebStorm V6?

Automatic compilation and transformation of higher-level languages into those recognized by browsers.

Full-featured debugging of TypeScript, Dart or CoffeeScript via source maps.

Live Edit is now even more convenient to use and supports HTML5 live editing.

Improved HTML and CSS coding, with a re-designed HTML structure view and support for Emmet.

Revised approach for handling JavaScript libraries, allowing JS developers to work transparently with minimized and compiled files stored in the project.

What’s new in WebStorm V5?

Live HTML/CSS/JS Editing Preview - Start editing code to see the changes immediately in your browser. WebStorm auto-saves your changes and the browser updates the page on the fly, showing edits.

Google Closure Compiler JSDoc Annotations Support - JSDoc tags support has been significantly improved for better coding experience.

JavaScript - As a major update for the JavaScript IDE, version 5.0 brings dozens of big and small improvements for JavaScript development including speed improvements and debugging in JSTestDriver.

Jade Templates - WebStorm 5.0 introduces initial support for working with .jade files, including code completion for HTML tags, code completion for all Jade statements and the ability to create new files via a quick-fix.

Stylesheets: CSS/Sass/LESS - Better code completion, navigation, code formatting and support for advanced constructs.

What's new in WebStorm V4.0?

ECMAScript Harmony Support - Experimental support of a new ECMAScript version code-named Harmony

HTML5 Boilerplate and other Web Application Templates - WebStorm offers some well-known project templates to use depending on your needs

Code Coverage in JavaScript Unit Testing - Users of JsTestDriver can measure code coverage visually

Easier JavaScript Library Scope Configuration - Reorganized the Settings|JavaScript|Libraries configuration panel,

Smarter JavaScript Completion - More relevant suggestions now appear at the top of the list, suggested names are ordered by their definition

Custom Code Folding Regions - Define your own code folding regions with special line comments

What's new in WebStorm V3.0?

Node.JS - Debug and validate server-side JavaScript (Node.JS apps)

JSLint - JavaScript code quality tool integrated in the IDE. Checks your code as you edit it

Smart Duplicated Code Detector - For JavaScript, CSS and HTML

CoffeeScript - CoffeeScript is a programming language that compiles to JavaScript and enhances its brevity and readability, while also adding some sophisticated features like array comprehension and pattern matching.

JavaScript Unit Testing - Filter and view test results, navigate from results to source code

FTP/SFTP Sync Improved - Sync with Local / Sync with Deployed context menus added in Project view and Remote Host view.

XSLT - XSLT 2.0 support enhanced with XSLT Debugger

What's new in WebStorm V2.0?

New JavaScript specification - EcmaScript 5 - Recently JavaScript specification was incrementally advanced with a common coding pitfalls prevention mode (aka "strict mode"). WebStorm will help you use these new productive features. If the IDE finds a "use strict" statement in your JavaScript file, the editor will mark as errors all accesses of undefined global variables, duplicated parameters / property names, and usages of the delete operator for unqualified variables.

Organizer for JavaScript libraries - To help you organize your work with JavaScript Libraries, WebStorm now includes a simple-to-use libraries organizer.

SASS 3 Support - Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It's translated to well-formatted, standard CSS using PhpStorm. WebStorm supports Find usages and rename for mixins and SCSS variables, as well as inspections for unresolved mixins and variables.

Mercurial Support - Pulling and pushing changes from IDE, visual merging.

Leaner CSS - LESS provides extension to CSS with variables, mixins, operations and nested rules, and uses CSS syntax.

Relax NG for XML - Relax NG is an alternative to W3C XML Schema language, which is said to be very complex and hard to learn/use/maintain. WebStorm provides completion and validation of XML documents associated with Relax NG schemas. It also allows editing Relax NG files in XML with on-the-fly error checking, completion, documentation lookup and more.

New Git Log UI - Now you will be able to filter changes by branch, tag or developer, highlight changes made in a specific folder, or show differences right in the IDE.

GitHub Integration - Now you'll be able to check out your existing GitHub repository right from the IDE and auto-open it as a project.

Professional IDE (Integrated Development Environment) for Web developers.

Pricing: WebStorm V9 Commercial Licenses 1-9 Commercial User License - price per license - includes one year of free product upgrades, WebStorm V9 Commercial Licenses 10-19 Commercial User License - price per license - includes one year of free product upgrades, WebStorm V9 Commercial Licenses 20-49 Commercial User License - price per license - includes one year of free product upgrades, WebStorm Renewals Commercial Licenses 1-9 Commercial Subscription Renewal - price per license - one year of free product upgrades, WebStorm Renewals Commercial Licenses 10-19 Commercial Subscription Renewal - price per license - one year of free product upgrades, WebStorm Renewals Commercial Licenses 20-49 Commercial Subscription Renewal - price per license - one year of free product upgrades

Evals & Downloads: Read the WebStorm License Agreement, Download the WebStorm Mac V9 evaluation on to your computer - Expires After 45 Days, Download the WebStorm Linux V9 evaluation on to your computer - Expires After 45 Days, Download the WebStorm Windows V9 evaluation on to your computer - Expires After 45 Days

Operating System for Deployment: Windows 8.1, Windows 8, Windows 7, Windows Vista, Windows XP, Red Hat Enterprise Linux 5.x, Red Hat Enterprise Linux 4.x, RedHat Linux 9.x, RedHat Linux 8.x, openSUSE 11.x, SUSE Linux 10.x, Ubuntu 10.x, Ubuntu 9.x, Mac OS X

Architecture of Product: 32Bit

Product Type: Application

Keywords: web storm, webstorm, jetbrains webstorm, webstorm ide, webstorm 1.0, webstorm distributor, webstorm reseller, webstorm jetbrains, webstorm user license, webstorm developer license, webstorm commercial license, webstorm personal license, webstorm licensing

jetbrains, jet brains, intellij, intellij idea, resharper, teamcity, team city, rubymine, ruby mine, youtrack, dottrace, dot trace, jetbrains idea, intellij download

Development

HTML Editing Edit editor

ide, ides, integrated development environments, integrated dev environments, dev environments, development programs, development environment, development environments, software development tool

Part numbers: PC-535618-753056 535618-753056 PC-535618-753058 535618-753058 PC-535618-753060 535618-753060 PC-535618-753062 535618-753062 PC-535618-753064 535618-753064 PC-535618-753066 535618-753066

Mfr. Part No: WS000NS WS000RS

Product Search

Enter search words:

Quick Links

Publisher

Primary Category

Related Products

Related Categories

The Software Superstore for IT Professionals

As Official Distributors, ComponentSource offers convenient, one-stop shopping from 250+ Software Publishers specializing in Application Development & Operations.

More Info | About Us

Award Award