In past, APIs were not nearly as common as they are now. This is due to the explosion in the popularity of Single Page Applications (SPAs). 10 years ago, web applications tended to follow a pattern where most of the application was generated on the server-side before being presented to the user. Any data that was needed would be gathered directly from a database by the same server that generates the UI. It might look something like this:

Chart: Web application model 10 years ago

Many modern web applications tend to follow a different model often referred to as an…


Hi everyone 👋

Today I wanted to share with you 10 awesome JavaScript shorthands that will increase your speed by helping you to write less code and do more.

Let’s start!

1. Merge Arrays

Longhand:

We usually merge two arrays using Array concat() method. The concat() method is used to merge two or more arrays. This method does not change the existing arrays but instead returns a new array. Here is a simple example:

let apples = ['🍎', '🍏'];
let fruits = ['🍉', '🍊', '🍇'].concat(apples);
console.log( fruits );
//=> ["🍉", "🍊", "🍇", "🍎", "🍏"]

Shorthand:

We can shorten this a bit by using ES6 Spread…


Have you ever wanted to create a real-time chat app or just curious about how the operation looks like under the hood?


Hello, everybody! 🚀

Today we’ll be covering CSS selectors in depth.

  • What is a selector in CSS?
  • Types of selectors
  • Universal selector
  • Type selector
  • Class selector
  • ID selector
  • Attribute selector
  • Grouping selectors
  • Group selector
  • Combining selectors
  • Descendant combinator
  • Child combinator
  • General sibling combinator
  • Adjacent sibling combinator
  • Pseudo-classes
  • Pseudo-elements

What is a selector in CSS?

A CSS selector is a pattern used to choose the HTML elements that we want to style.

Speaking more technically, CSS selectors are able to select those HTML elements to which a style ruleset will be applied.

Types of selectors

1. Universal selector

Syntax: * { style properties }

This selector is represented by an asterisk (*) and…


When you create a website, you essentially create a bunch of different files. These files need to be stored somewhere in order to be accessible on the Internet. Reliable and high-performing web hosting is a crucial part of any successful website.

Lets suppose you’ve just started making basic projects and you want to showcase your work with others but you can’t afford to pay for a hosting service. In such case what you’re supposed to do then ?

No need to worry there are quite few FREE web hosting services out there.

In this post we’ll come across some of…


NPM stands for Node Package Manager and it is the package manager for the Node JavaScript platform. It put modules in place so that node can find them, and manages dependency conflicts intelligently. Most commonly, it is used to publish, discover, install, and develop node programs.

Some Important npm commands every developer should know are:

1) npm i
Here i stands for install. It installs all the packages
mentioned in package.json.

2) npm install -production
It installs all the packages mentioned in package.json, except
the dev dependencies.

3) npm i lodash
It installs a package with name of “lodash”, you can…


Hi Guys Good Day!

I’ve used a lot of IDE’s and Code Editors since I started coding from college to my first job, Python’s IDLE, PyCharm, Notepad++, Visual Studio and Android Studio and VS Code. But I felt more satisfied and happy when I used VS Code in my first job due to the reason its light, fast and has many useful extensions.

Click on the editor then in your keyboard perform this command CTRL+P then type settings.json.

editor.tabSize — indicates the number of spaces when pressing the tab key.


I have been meaning to write this article about how I configure my favorite IDE; VS Code. I’m writing this because I recently changed my PC and I had to sit through hours of configuration process all over again. I hope to use this post next time to get started quickly. I also hope this post helps you configure your VS Code in a way that it improves your productivity and coding skills.

Okay, here we go…

VS Code

  • it is a free code editor redefined and optimized for building and debugging modern web and cloud applications.
  • it is lightweight but powerful…


In this post we are going to check top javascript frameworks 2021 that we should get our Hands on. Below is the list of top javascript frameworks to learn in 2021 and check its pros and cons.

React JS

Nirʌj Shresthʌ

Programming & Networking Enthusiast {Student}

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