Building a Full Featured Translation Service

One way to increase users engagement is to translate all the texts in your web application to their language. Building the ability to translate texts and change languages is easy. In this article I’ll show you how to build a translation service that supports new languages fetching, string interpolation and pluralization. In this article I’ll use ES2015 (ES6) and at the end I’ll provide the complete code along with working git repository, including unit tests. Read more


JavaScript Promises and AngularJS $q Service

A promise (deferred) is a very simple and powerful tool for asynchronous development. The CommonJS wiki lists several implementation proposals for the promise pattern. AngularJS has it’s own promise implementation that was inspired by Kris Kowal’s Q implementation. In this article I’ll introduce promises, it’s motivation and provide a useful tutorial about working with promises using AngularJS $q promise service. Read more


Back Button Behavior on a Page With an iframe

I am developing a widget for websites. This widget lays inside an iframe in a website’s page. One of my users (which is a site owner) complained about a weird behavior of my widget. On pages where the widget was implemented, the browser’s back button didn’t work properly. Instead of navigating the user to the previous page on the website, the back button navigated the user to the previous page inside the iframe. Read more


Interceptors in AngularJS and Useful Examples

The `$http` service of AngularJS allows us to communicate with a backend and make HTTP requests. There are cases where we want to capture every request and manipulate it before sending it to the server. Other times we would like to capture the response and process it before completing the call. Global http error handling can be also a good example of such need. Interceptors are created exactly for such cases. This article will introduce AngularJS interceptors and will provide some useful examples. Read more


Service Providers in AngularJS + Logger Implementation

In this article I’ll explain what a provider is and what is the difference between a provider and other services declaration in AngularJS. Through this article I’ll also create a tidy Logger for your AngularJS application. Read more


AngularJS Data Model

As we already know, AngularJS doesn’t come with an out of the box solution for data modeling. In the most abstract way, AngularJS lets us use JSON data as a model in the controller. As the time passed and my application grew, I realized that this modeling method isn’t powerful enough to fit my application’s needs. In this article I will present the way I dealt with data modeling in my AngularJS application. Read more


Flexbox Accordion

I have made a css accordion using flexbox and I like to share it. Read more


Easy Select Plugin

One day I was asked to add a text input component with an ability to choose a value from fixed list. After searching the web, I found several jQuery plugins that was able to solve my needs and much more. But, those components required many dependencies and weighed so much for my simple need. So I decided to write my own plugin. Easy Select requires jQuery only and takes 3kb minified (before gzip). Read more


Single Page Application Authentication

This article will guide you how to add user authentication to your single page application. On the back end side I will use Node.js and on the front end side I will use AngularJS. Although I used specific frameworks, you may apply the same technique for different back end and frond end frameworks (rails, Backbone, etc…). Read more


Pages Slider With JavaScript And CSS

In this article I will show you how to build a pages slider that looks like those on our smartphones. At the end we will get this (slide left to see this in action):
Read more