Functors and Monads are concepts of functional programming. They have heavy mathematical background which sometimes overwhelms developers. In here we’ll be ignoring the mathematics and try to understand what they are and why they are useful. Functor It is an object in javascript that implements a map method, that after running…

Object Oriented programming in Javascript is a bit weird, classes are not defined in javascript unlike languages like C++, java or python. That’s, as of ECMAScript5, the Class keyword has been introduced in the ECMAScript6 definition. But it’s just a syntactical sugar over the original object definition in Javascript. …

Inheritance enables objects to take properties from other objects. It is a concept of OOP, it helps developers write simpler and more understandable code. Unlike other languages, javascript takes a different approach to inheritance. It achieves inheritance via a property called object prototypes. The Prototype Object Consider a case where you make multiple…

Variable Scopes and the this keyword is a pretty confusing concept in Javascript. It is something a lot of Javascript developers feel uneasy about. In this post, we’ll try to understand what Variable scopes are look into what is an execution context. Scope The first thing that we need to understand…

If you have been hanging out with javascript for long enough, you would have come across closures. And I wouldn’t be surprised if you are uncomfortable with them, even I was. It took a lot of reading to get a better understanding of what it is and how it works…

Functional programming is a hot topic amongst developers these days. Surprisingly it isn’t something new to the world. The first functional language Lisp came out in 1958. But it was not as popular as Imperative languages like C, Fortran etc. These languages overshadowed the functional ones. In 1972 the world…

Hello, everyone! The web has evolved ever since it was first put in use. Web development has become an important realm of software development. This post will be a brief roadmap to full-stack web development. We can further split full stack developer to front-end and back-end development. Front-end is the…

In this post we’ll make some changes to our configuration so that the finally built files are ready for production. If you notice, /dist/assets/js/app.bundle.js is a huge file. Now as we start using more libraries the file gets bigger and bigger. That impacts the performance of the application as the…

Hello everyone, in the last post we installed webpack and setup webpack to just start the processes. In this post, we’ll set up webpack to read ES6/ES7 and transcompile them back to ES5. Then we’ll process SASS to CSS, and to read HTML files. …