Margin collapse: When two elements stacked on top of each other, the (vertical) margin between them is not the accumulation of two margins (the margin-bottom of an element and the margin-top of the following element). Basically, the largest of the two margins will be the distance between these adjacent elements. Shorthand order: …

At Walmart Labs, we strive to create delightful and seamless user interfaces that are robust, inclusive and accessible. We do this so that everyone can easily browse through the pages and understand the products before they make any decisions — decisions which could range from saving a product to a…

There are three common ways of using functions and each has its own name — “Function Declaration” and “Function Expression”. There is also “Arrow Function”, which has the shortest syntax. The syntactical differences between them are like so: Function Declaration is declared as a separate statement, in the main code…

Test-Driven Development and Behavior-Driven Development, which one is better? You must have heard a lot about these two, TDD and BDD. But which software development process is the best, and why is it better than the other? The answer might surprise you, but do read on. What is TDD? Test Driven Development (TDD) is a process by which tests are written before the code. In TDD, a test…

What is “this” in Javascript — especially, when you use bind( ), arrow function and regular function? this refers to its closest object. If this is called in a global scope, then this refers to window object in a browser or global object in Node. function checkThis() { return this; } // In a browser: checkThis() === window; // true // In Node: checkThis() === global; // true…