Javascript
applications are still one of the most complex issues when it comes to
web-development. Many tools and applications could make your developing
life pretty fast and simple. Today we wanted to share with you a wide
range of tools and applications that could really help you build, test
and debug Javascript and Ajax applications. Let us know your experience with the tools listed here or others that are not.
Notification Tools
1-Roar - Notifications (v1.0)
Roar is a notification widget that streamlines incoming messages, such
as updates or errors, without distracting the user from their browser
experience or breaking their work-flow by displaying obtrusive alerts.
Damn It DamnIT is a free service that emails you when a user encounters a JavaScript error in your webpages.
Growl 2.0 with Mootools Growl is a notification system for Mac OS X, it allows applications that support Growl to send you notifications.
APIs
4-Google AJAX Language API
With the AJAX Language API, you can translate and detect the language
of blocks of text within a webpage using only Javascript. The language
API is designed to be simple and easy to use to translate and detect
languages on the fly when offline translations are not available.
Got API An easy to use
interface that helps you reach the methods and functions of many
JavaScript frameworks by getting the data from trusted sources and
websites.
WaveMaker Visual Ajax Studio
WaveMaker's Studio and Framework provides a powerful solution for
rapidly developing web-based applications. Drag & drop assembly of
widgets and service, code-free integration of web-services, databases
and Ajax UI, and one-touch deployment to standard Tomcat servers all
work seamlessly together to let you build complete web apps in hours!
FrameWorks
7- SproutCore SproutCore is
a framework for building applications in JavaScript with remarkably
little amounts of code. It can help you build full "thick" client
applications in the web browser that can create and modify data, often
completely independent of your web server, communicating with your
server via Ajax only when they need to save or load data.
JavaScriptMVC JavaScriptMVC
is a framework that brings methods to the madness of JavaScript
development. It guides you to successfully completed projects by
promoting best practices, maintainability, and convention over
configuration.
Amazing Tools
9-Jaxer Jaxer is an Ajax
server. HTML, JavaScript, and CSS are native to Jaxer, as are
XMLHttpRequests, JSON, DOM scripting, etc. And as a server it offers
access to databases, files, and networking, as well as logging, process
management, scalability, security, integration APIs, and extensibility.
The Regulator
The Regulator is an advanced, free regular expressions testing and
learning tool that allows you to build and verify a regular expression
against any text input, file or web, and displays matching, splitting
or replacement results within an easy to understand, hierarchical tree.
Snippely Snippely
is a basic text and code organizational tool. Instead of storing bits
of code, quick notes, and memos in text files all over your hard drive,
this application will let you save and organize "snippets" in one
convenient location.
NitobiBug It's a
browser-based JavaScript object logger and inspection tool - similar to
Firebug. NitobiBug runs across different browsers (IE6+, Safari, Opera,
Firefox) to provide a consistent and powerful tool for developing rich
Ajax applications. You can check a demo here .
Google Mashup Editor The
Google Mashup Editor provides simple tools and features that allow you
to create mashups in minutes with the following features:
A set of tags that compiles into AJAX UI components.
Syntax highlighting
Autocomplete of gm tags by pressing the tab button
Quick access to documentation for any tag by pressing F2
File upload and management
Error checking and notification
Beautify Javascript This tool was intended to explore ugly javascripts, e.g compacted in one line, or just make scripts look more readable.
ThemeRoller ThemeRoller allows you to design custom jQuery UI themes for tight integration in your projects.
JSDoc JSDoc is a
tool that parses inline documentation in JavaScript source files, and
produces an documentation of the JavaScript code.
Clean AJAX Clean
is an open source engine for AJAX, that provides a high level interface
to work with the AJAX technology. It was created to solve real problems
found on AJAX applications, and is used in many projects. Clean will
help you to adopt AJAX saving your time and your code, reducing your
learning curve and the code reengineering.
Sajax
Sajax is an open source tool to make programming websites using the
Ajax framework as easy as possible. Sajax makes it easy to call PHP,
Perl or Python functions from your webpages via JavaScript without
performing a browser refresh. The toolkit does 99% of the work for you
so you have no excuse to not use it.
JavaScript Code Improver
With JavaScript Code Improver you are just one click away from making
any JavaScript clear, easily comprehensible and ready for printing thus
saving the time you spend on editing, debugging and modifying it.
Browser Addons and Toolbars
20- Greasemonkey Greasemonkey
is a Firefox extension that allows you to customize the way web pages
look and function. You can use it to make a web site more readable or
more usable. You can fix rendering bugs that the site owner can't be
bothered to fix themselves.
Web Developer extension for Firefox This tool is really excellent for quick and easy webdevelopment. It Adds a menu and a toolbar with various web developer tools.
Internet Explorer Developer Toolbar
The Microsoft Internet Explorer Developer Toolbar provides a variety of
tools for quickly creating, understanding, and troubleshooting Web
pages.
DebugBar An Internet Explorer plug-in that brings you new powerful features :
DOM Inspector: View DOM Tree and modify tags attributes and css attributes on the fly to test your page
HTTP Inspector: View HTTP/S request to check cookies, GET and POST parameters, view server info
Javascript Inspector and Javascript Console: View javascript functions for easier debugging, see Javascript and AJAX code
HTML Validator: Validate HTML code to correct and optimize your code and html size of your page
And many more features: See page cookies, get pixel color on a page, make a page screenshot.
Firebug Firebug integrates
with Firefox to put a wealth of web development tools at your
fingertips while you browse. You can edit, debug, and monitor CSS,
HTML, and JavaScript live in any web page. It can be downloaded from here .
Language
More
Chinese
Taiwan
Deutsch
Italian
Janpanese
Korean
Turkish
Indonesian
Ukraine
Polish
Spanish
Slovenian
Recent articles Insights for Advanced Zooming and Panning in JavaScript Charts How to open a car sharing service Vue developer as a vital part of every software team Vue.js developers: hire them, use them and get ahead of the competition 3 Reasons Why Java is so Popular Migrate to Angular: why and how you should do it The Possible Working Methods of Python Ideology JavaScript Research Paper: 6 Writing Tips to Craft a Masterpiece Learning How to Make Use of New Marketing Trends 5 Important Elements of an E-commerce Website Top view articles Adding JavaScript to WordPress Effectively with JavaScript Localization feature Top 10 Beautiful Christmas Countdown Timers Top 10 Best JavaScript eBooks that Beginners should Learn 65 Free JavaScript Photo Gallery Solutions 16 Free Code Syntax Highlighters by Javascript For Better Programming Best Free Linux Web Programming Editors Top 50 Most Addictive and Popular Facebook mini games More 30 Excellent JavaScript/AJAX based Photo Galleries to Boost your Sites Top 10 Free Web Chat box Plug-ins and Add-ons The Ultimate JavaScript Tutorial in Web Design