Developers generally neglect JavaScript testing because there’s really nothing out there that let’s you simulate user interactions easily. Here comes the Test plugin (Thanks to Brian Moschel from JavaScriptMVC for suggesting this resource).
It lets you simulate every major DOM event, as well as some combination events like Write and Drag, and then run functional and unit tests in a separate console window.
Test plugin saves serious development time with features like using sample data to simulating AJAX functionality, writing text or dragging an element.
Here is a sample test function:
test_check : function() {
// simulate clicking the checkbox
// params has the todo element
var params = this.TodoCheckClick();
// assert the color change occurs as expected
this.assert_equal("#808080", params.element.parentNode.style.color);
},
test_uncheck : function() {
// click the checkbox again to uncheck it
var params = this.TodoCheckClick();
// assert the color change goes away
this.assert_equal(”, params.element.parentNode.style.color);
},
Requirements: JavaScriptMVC Compatibility: All Major Browsers
There are projects which I’m using Subversion and some that I don’t. There are also other things which are very valuable to me like bookmarks, code snippets & more.
And every designer, developer, for sure, lost a few days work because of not backing up the files regularly.
I have started using Mozy Online Backup Free version as a backup solution for my dev. files in general. It provides 2GB space for free, very easy to configure, can take scheduled backups and works silently.
It is an impressive product as it totally reduces the risk of losing data. And works both in Windows and Mac.
This is an exciting project which helps creating portable, hidden source coded, both online and offline PHP applications.
Roadsend PHP is an open source implementation of the PHP language.
It has a compiler that generates native binaries (no interpreter required) and all source files can be compiled in 1 executable file.
Using Roadsend Compiler, you can:
Create online web applications with Fast/CGI
Offline web applications with an embedded web server (MicroServer)
Desktop GUI applications with PHP-GTK, and console applications.
Once the files are compiled with this PHP compiler, it is close to impossible to return back to the original code. This is a great feature for hiding the source code.
And for easier development & testing, Roadsend has a powerful built-in debugger.
Texter is a simple but effective Windows application running in the system tray and doing a very simple job: replacing abbreviations with the phrases you define.
Let’s say you use XHTML frequently and you define an abbreviation like "divmake" and press "tab" (you can define the hotkey) and it can produce you:
<div class=""></div>
as an example.
You can use it for anything like generating your signature on-the-fly or any other frequently typed text.
When a website visitor faces a JavaScript error, they may not realize it or even they realize it only few of them may inform you about the problem. And you may never find out the problem if someone does not warn you.
DamnIT, built with JavaScriptMVC framework, is a great free service which notifies you when a JavaScript error occurs in your websites via e-mail.
How to use this JavaScript error reporting service?
Sign up with DamnIT
Insert the JavaScript code provided to your webpages
Configure the service from your membership area.
Optionally, DamnIT can be configured to provide an interface for your visitors to enter a feedback about the error.
I am, kinda, well-organised developer and try not to code similar things twice and keep my code snippets within folders to reach them whenever needed.
Today I saw Snippely, a code snippet manager built with Adobe AIR by the Mootools development team (yeah, complicated).
With a very simple interface Snippely organizes your code snippets and can highlight coding syntax for easier reading. Best of all it is open source, which Adobe AIR developers looking for a good Mootools sample may find handy to dive into the code.
Creating ajax applications are now much easier with WaveMaker Visual Ajax Studio for both developers and users with even no JavaScript experience.
WaveMaker Visual Ajax Studio is a visual builder that helps ceating web-applications using Ajax widgets, web services and databases. Best of all, it does not require complex codes, forms, patterns or portal frameworks.
Regex (regular expressions) always seem hard to learn but once learned, it gives you power to solve many complicated coding tasks easily. With the JavaScript and SEO (for mod_rewrite) oriented web, Regex is a must-know for developers.
What is Regex?
A regular expression, often called a pattern, is an expression that describes a set of strings. They are usually used to give a concise description of a set, without having to list all elements. For example, the set containing the three strings "Handel", "Händel", and "Haendel" can be described by the pattern H(ä|ae?)ndel (or alternatively, it is said that the pattern matches each of the three strings) (via Wikipedia).
The Regulator is an advanced, free regular expressions testing and learning tool. It 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.
Regex actions supported:
Find multiple matches
Replace text according to expression
Split text according to expression
The Regulator is also integrated with RegexLib.com, a free regular expressions library, and helps finding ready-to-use regular expressions.
).
