There were days when learning HTML, CSS and somewhat Javascript was enough to master the front-end because at that time there was no micro-service architecture like React or Angular. We’ll gonna talk about React in this article.

React is not cool because it is popular

It is popular because it is cool.

React is an open-source front-end JavaScript library and I would say nowadays it is the most popular front-end framework/library and it’s cool.

React.js helps us to create single-page applications. …


Beginners when starts programming faces a lot of confusion on what to do and what not as everyone doesn’t get a good alumnus who helps him/her start a career. So in this post, I have tried to sum up all the paths and technologies one can opt to start.

It is hard to cover all the programming languages in a post because there exists approx 9000 programming language and just 50 of them are the popular ones used nowadays. So even if I’ll start writing about 50 popular ones this post will be a mess.

In this post, I would…


The first program which comes in our mind when we talk about Data Structures and Algorithms is Binary Search.

Binary search, also known as a logarithmic search is a search algorithm to find the position of a target value in a sorted array.

Photo by Anthony Martino on Unsplash

When a sorted array is given and we have to find the position of a value in the array the first approach can be linear search having a time complexity of O(n) but the better approach is no doubt binary search having a time complexity of O(logn).

Below is the Java implementation of iterative Binary Search,

BinarySearchOne.java


In the journey of learning React, it is extremely important to be able to transform your HTML into React’s markup language JSX. While this transformation is pretty easy, there are a few differences that you should be aware of.

HTML vs JSX

JSX stands for JavaScript XML. JSX allows us to write HTML in React. JSX is a special dialect of JavaScript. It looks like HTML but its not HTML at all. To render code on the browsers we write JSX code in our React components. And Like ES6, browsers do not understand this JSX also so before rendering the code into the…


ES6 is an in-depth series which has many features, that makes the life of a developer much easier and one of them is the arrow function. If you don’t know about ES6, I have a brief introduction article on it, have a read.

An arrow function is one of the most important topics in the land of ES6, if you ever watched any tutorial of ES6 before, you would have surely heard of arrow functions, or if not ES6 specifically if you have watched tutorials for some javascript libraries/frameworks you might have seen the arrow function.

ES6: Arrow functions

There is nothing wrong…


Lexical Environment is one of the under the hood topics in JavaScript. When we talk about execution context, execution environment, variable environment or lexical environment all of these things ultimately defining what’s called scope.

JS: Lexical Environment

The scope is where a variable is available in your code. Each block of code creates scope and a lexical environment. The outermost context where a variable is the lexical environment of that variable irrespective of order or sequence.

JavaScript cares about the lexical environment when you ask for a variable while running a line of code inside any particular execution context if it can’t find…


Machine Learning (ML) is a branch of Artificial Intelligence(AI) that gives machines capabilities to learn and improve without explicit programming or human interference, it uses data to learn itself.

TensorFlow is a free and open-source software library for dataflow and differentiable programming across a range of tasks. It is a symbolic math library and is also used for machine learning applications such as neural networks. In simple terms, TensorFlow is a machine learning library made by Google used to design, build and train machine learning models.

TensorFlow.js

Google introduced TensorFlow in 2015 and was used with Python, though it has APIs…


ES6 is an in-depth series which has many features, that makes the life of a developer much easier and one of them is array helpers. If you don’t know about ES6, I have a brief introduction article on it, have a read.

ES6: Array Helpers

Array helpers as the name suggests are related to arrays and is used to perform complex operations on array objects very easily. Even if you don’t know array helpers you can do each and everything for what it is used for by just using the “for” loop but if you are into a project i.e. not from scratch…


ES6 is an in-depth series which has many features, that makes the life of a developer much easier and one of them is array helpers. If you don’t know about ES6, I have a brief introduction article on it, have a read.

And to know about ES6 array helper methods. Follow the link.

You may have seen the Balanced Parenthesis program many times either in coding exercises or whiteboard interviews, you can ace your interview by doing that question on the whiteboard paper using reduce helper.

Below is the program to check whether the parenthesis in a string is balanced or not using reduce helper hosted by GitHub.

Reading is good but reading with implementation is great!

Suggestions and critics about the article are most welcome.


ES6 is an in-depth series which has many features, that makes the life of a developer much easier and this article is about var, let and const it is not a feature of ES6 but you can say kind of syntactical sugar. If you don’t know about ES6, I have a brief introduction article on it, have a read.

ES6: var, let and const

Till ES5, in javascript, we used to declare variables using the var keyword but ES6 introduced two new ways to declare variables i.e. let and const.

These let and const make our variable more clear and expressive, it helps to pass…

Sourabh Gupta

Full-stack Developer | UX/UI | Never ending thirst to learn.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store