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 like to cover a topic somewhat related to that. So this post is all about popular fields you can choose for if you want to get into IT field irrespective of your degree, age or marks. …


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.

Image for post
Image for post
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

Can you spot some bug in the above code?


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.

Image for post
Image for post
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 browser JSX gets converted into pure JavaScript code through Babel. …


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.

Image for post
Image for post
ES6: Arrow functions

There is nothing wrong with traditional ES5 function if you like to use them, you can continue using the old ES5 function but you should learn it because if you are into a project i.e. not from scratch and another developer has already written some of his code and he/she has used arrow functions but you don’t know about it, that will blow your mind. …


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.

Image for post
Image for post
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 that variable in its block it will go at the outer reference or block and look for variables there. …


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.

Image for post
Image for post
TensorFlow.js

Google introduced TensorFlow in 2015 and was used with Python, though it has APIs in Java, C and Go. It is partly implemented in native C++ that helped TensorFlow having good performance benefits but was not able to run in the web browser because a browser can’t run native code. That took TensorFlow.js in action, TensorFlow.js is also a part of TensorFlow ecosystem but is not same as TensorFlow but it brings almost the same functionality, stable TensorFlow.js version 1.0 …


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.

Image for post
Image for post
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 and another developer has already written some of his code and he/she has used array helper but you don’t know about it, that will blow your mind.


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.

Image for post
Image for post

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.

balancedParens.js

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.

Image for post
Image for post
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 some clarity to other developers who are going to read or work on our code in the future. …

About

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