Most developers coming from a C# or a Java background find the ‘for-in’ loop feature in JavaScript confusing. Perhaps the reason is that the ‘for-in’ loop is often confused by the ‘foreach’ loop in C# or Java. The truth is, the ‘for-in’ loop is very similar to the ‘foreach’ loop…

JavaScript has gotten very popular lately with the right rich web client applications. There a many JavaScript libraries available, both open source and commercial with very strong support from the community. However, as JavaScript application grows in size, it is very easy for the code to get messy and out…

Like JQuery, native JavaScript supports querying the DOM using standard CSS selectors. This is typically done using the function ‘document.querySelectorAll()’. However, unlike the JQuery selector function, this function return a NodeList object as opposed to a JavaScript array. This can be challenging because the NodeList object does not support iteration…

What made jQuery Popular? jQuery has become so popular lately, mainly due to it’s ease of use, robustness, small size (< 50kb). However, the secret to jQuery’s success in my opinion is it’s reliable cross-browser support. Anyone who attempted building a reliable front end application knows how difficult it can get…

JQuery is capable of filtering query results through the ‘filter()’ function. The function takes in a CSS selector or a function. If the function returns something ‘truthy’, the element is kept in the result set. Otherwise, it gets rejected. …

Finding Descendants in JQuery In JQuery, you can use the built in ‘find’ function to search trough query results and select specific descendants. The find function accepts a CSS selector and it is straight forward to use: // To search the 'mainDiv' descendants and find all paragraphs with the class…

RequireJS is an open source JavaScript library that has gained a lot of popularity in the recent years. The library is used to manage JavaScript dependencies and to prevent script loading order issues. It is also helps avoid having to load all the JavaScript files at once and only load…

The bridge pattern is a very popular patterns that is used often in object-oriented architectures. It is a pattern that is difficult to grasp initially and can often be difficult to identify. …

The adapter pattern is a simple and very common pattern that is often used in object-oriented designs. The intent behind using the adapter pattern is to convert the interface of a class into another interface that the client expects, without having the vary the client. The need to do this…