Web Development

Using Prettier to format your JavaScript code

Using Prettier to format your JavaScript code

  • February 15, 2018

If you have been programming for a while, you would be familiar with the hassles of writing clean code and maintaining consistency across a project on some specific code style guidelines. Even if you spend a few days making everything consistent, some other developer might check-in their changes or disable some...

Introduction to CSS Grid

Introduction to CSS Grid

  • December 11, 2017

Building advanced layout designs using CSS is a troublesome process. Anyone who has ever worked on CSS has faced this challenge. At times, even the simplest div may not always position itself correctly, looking so messy and untidy – just like kitten litters. And right when you manage to perfect...

Running specific test cases in Jasmine or Mocha

Running specific test cases in Jasmine or Mocha

  • November 20, 2017

I recently was working on writing end-to-end test cases using protractor on a project. Everything was working fine until the number of test cases increased significantly, and running the complete set of test cases took too much time. It was a pain to even think of running the e2e command...

Using Babel to import/export ES2015 modules in Node.js

Using Babel to import/export ES2015 modules in Node.js

  • August 15, 2017

Using “require” statements (commonJS syntax) in your server side code while writing “import” and “export” statements (ES2015 syntax) for your front end makes writing javascript a bit weird. The reason for not having import and export statements for modules is that node parses modules a bit differently than how they...

Using Webpack Dev Server

Using Webpack Dev Server

  • July 4, 2017

If you have been doing front-end development recently, the chances are that you would have heard about Webpack multiple times. In fact, most of the starter kits are built using Webpack Dev Server. The implementation and configuration are hidden by wrappers above it so that the developer continues working on...

Hello GraphQL using Express

Hello GraphQL using Express

  • June 9, 2017

GraphQL is a query language and a runtime for data querying over an API. It is something that you put in between your front-end application and a backend data service. The first question that comes across in people’s mind is that we already have REST, what problem can then GraphQL...

Webpack: An Introduction

Webpack: An Introduction

  • January 12, 2017

Before coming to the discussion about Webpack, let us first discuss how web development has evolved over the past few years and why we even need a build tool for something like Javascript. The problem with loading javascript files The only way to load javascript in an HTML document is...