Creating a JS drumkit is the first exercise as part of Wes Bos’s Javascript 30 course. I will be sharing my key learnings during the course as part of this post.

Image for post
Image for post
JS Drumkit Webpage

The idea is to create a webpage where you can generate different sounds available in a typical drumkit by pressing different keys. Few key learnings of Day 1 exercises are Even listeners, HTML data properties, CSS transform.

The two actions which have to happen whenever a key is pressed is to play the respective sound and to highlight the pressed key on the screen. In order for the above two things to happen, we need to listen to the keypress event. Each key has a specific key code.

Functions are the building blocks of a Javascript program. A Function contains a set of statements which performs a specific task. The function is basically wrapping a piece of program in a value. A function can be defined either by Function declaration or as Function expression.

Function Declaration:

A function declaration has a function keyword followed by the name of the function. The list of arguments can be mentioned inside parenthesis followed by the body of the function.

function add(a,b) {

return a + b;


The add function above takes two values a and b as arguments and returns its sum. …

Image for post
Image for post

JavaScript programs are also called as scripts. A sample program contains a number of statements, expressions, etc. A fragment of code which produces a value is called an expression.

5 is an expression

If an expression corresponds to a word then a statement corresponds to a full sentence. The simplest kind of statement would be an expression followed by a semicolon. A program is a list of statements. We use semicolon to chain statements.

5; !true; are statements.


In order to catch and hold values, Javascript uses Binding or variables. The keyword let/const/var indicates that this sentence is going to define binding. The keyword is followed by the name of the binding/variable and it can be assigned a value with the help of a = operator. …

Image for post
Image for post

In the Computer’s world, Data is stored as a sequence of bits. Bits are basically either 0 or 1. Any data inside a computer is expressed in terms of bits. For example, the decimal number 13 will be expressed as 00001101 in bits inside the computer.

Imagine a sea of bits. In order to work with such huge quantities of bits without getting lost, those bits are separated into chunks to represent some information and these chunks are called Values. There are different types of values called Numbers, String, Boolean, etc. Let’s see one by one in detail.

A typical modern computer has around 30 billion bits in its volatile data storage alone. …

Have you ever wondered what happens under the hood when we make a simple Google search? or How Google makes sure that we get all those numbers of accurate search results within a snap of a finger? , Ever thought of how do they manage such a large scale distributed systems?

Before every other thing, What the heck is a Distributed Systems?

A distributed system is basically a network of autonomous systems/servers connected using a middleware which can share resources, capabilities, files and so on. The goal is to make the entire network work as a single computer.

Distributed Programming is the art of solving the same problem that you can solve on a single computer using multiple computers — Mikito…

Suhadev Venkatesh

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