Mocking Directives for Unit Tests in AngularJS

AngularJS allows us to introduce custom HTML tags with directives. More often than not, we need to have nested directives when things become more complicated. Lets say we have a directive called feedListDirective that will show a list of recent…

Validating email address in JavaScript

Webapps often ask users to input email addresses for authentication or referrals. To provide good experiences, it is always a good idea to validate email addresses before actually using it, such as to check for typo in UI to give immediate feedback or to verify…

ES6: Overview

What is ES6?

ECMAScript 2015 (ES2015, ES6, Harmony) is a major update for ECMAScript standard since 2009. ES6 introduces a lot of new features such as arrow functions, class declaration and native Promise. Most of them are syntactic sugar that not only save us some…

return false; in jQuery event handlers?

More than often we want to cancel the default behaviour of browser. In jQuery, do we return false; or e.preventDefault(); in event handlers?

Short Answer:
When in doubt, use e.preventDefault();

Proxy: Disable Paging Parameters

Proxy in ExtJS defaults the following paging parameters:

• pageParam: 0
• startParam: 0
• limitParam: 25

Resending AJAX request

jQuery makes it easy to use AJAX and bind it with various handlers such as success and error. Sometimes we would like to re-attempt an AJAX request if any error occurs, this could be achieved by introducing two additional configs in its AJAX settings.

Styling file input button on various browsers

File input field provides an easy way to allow users to upload file(s) from their system. However its design varies by a great margin across the major modern browsers. However, due to security reasons, styling a file input field isn’t as easy as one…