DEV Community: Vaibhav Tandon

JavaScript — Console API

Vaibhav Tandon — Sun, 09 Jun 2019 18:46:06 +0000

JavaScript — Console API

Console API is one of the most important tools used while debugging. It helps the developers or more appropriately prevent the developers from applying the alert() again and again.

Console API can be used for:-

Logging
Asserting
Clearing
Counting
Timing
Grouping

So let's start with the first one,

LOGGING

console.log() is the most common method that is used to log the values to the console.

const name = "JAVASCRIPT";
console.log("--\> " + name + " \<--"); // --\> JAVASCRIPT \<--

Instead of log() there are some other logging methods such as info(), warn() and error .

console.log("Hi...");
console.info("How");
console.warn("are");
console.error("you");

Outputs will somewhat look like this,

Output of the above code

Now, the stack trace can be triggered by using trace()

function hello(name = 'JAVASCRIPT') {
 console.trace(name); 
 return `${name}! is a programming language`; 
}
hello();

There are also console.dir() , console.dirxml() and console.debug()

console.dir()

const program = {
laptop: '💻',
mobile: '📱',
television: '📺'
}

console.dir(program);

It is basically used for printing the object in a formatted way

Output for the above code

console.dirxml() is used to print the DOM elements.

console.debug() is just an alias for console.log().

ASSERTING

console.assert() is used to perform assertion tests.

console.assert('📺' == '2', 'No it is not equal');
// Output : No it is not equal

CLEARING

If you want to clear the console then this console.clear() is used.

COUNTING

The console.count() is used to count the number of times a particular statement has been invoked.

for(let index = 0; index \< 10; index++)
{
 if(index%2 === 0)
 console.count('even');
 else
 console.count('odd');
}

Output:

Output of the above code

TIMING

The console object has time() and timeEnd() methods that help with analyzing the performance of pieces of your code. You first call console.time() by providing a string argument, then the code that you want to test, then call console.timeEnd() with the same string argument.

console.time('Time : ');

for(let i = 0; i \< 10000; i++){
// Business Logic
}

console.timeEnd('Time : ');

Output:

Output of the above code

String passed inside of the time() and timeEnd() should always be same.

GROUPING

console.group() and console.groupEnd() are used to group the console messages as

console.group('Smileys');
console.log('😃');
console.log('😕');
console.log('😡');
console.group('Grinning Face');
console.log('😀');
console.log('😃');
console.log('😄');
console.log('😆');
console.groupEnd();
console.groupEnd();

Output:

These are some of the methods of the Javascript Console API.

If you like this post, just support me by pressing 👏.

Thank you

VOV.CSS — The Intro

Vaibhav Tandon — Fri, 07 Jun 2019 13:06:19 +0000

VOV.CSS — The Intro

Image from nicolapietroluongo.com

For implementing small animations we usually have to write many lines of code and being one of the lazy ones, I am not at all interested in writing the same CSS again and again for my all projects.

After facing such problems, I have an idea to create my own animation library. Yes, I know there are thousands out there, so why not add my own.

It is a small CSS library based on the implementations of the classes, all of the code is written using keyframes and thus easy to handle and easy to use.

VOV.CSS is really simple to use, all you need to do is to add the CSS files to your HTML file.

You can also add the CDN in the head section of your HTML file.

After adding the CDN link or vov.css file to your HTML file, just add classes to your element’s class attribute, It is that simple.

Like this,

vov.css consists of approx 55+ different types of animating classes and still counting in https://github.com/vaibhav111tandon/vov.css.

Here are some of my favourite animations,

roll-out-left

shake-vertical

blur-out

You can do a whole bunch of other stuff with vov.css when you combine it with jQuery or add your own CSS rules which I use on a daily basis to make websites more interactive and beautiful.

Thank you

Top Game Programming Languages

Vaibhav Tandon — Wed, 16 Jan 2019 07:51:02 +0000

Who doesn’t want to be a game developer? The market of game development is rising year by year and with games like Fortnite and PUBG, it is at its best.

Ever thought of the programming languages which are used for making such cool games? Whether you have to learn a new programming language for it or the language you know is sufficient? These are some of the questions which are generally asked(mostly by newbie programmers).

So, here is the list of some top programming languages used to build modern day games(no particular order)

1. C++

It is very common that the programs written in C++ achieve fast execution over many programming languages, therefore it is considered as the language of choice for the professionals. Most of the games you play these days depend on C++ one way or the other. Because of the ability to control the low-level systems, it is very much preferred for game development over other programming languages.

Famous games written in C++ include :

Counter Strike | Doom 3 | World of Warcraft | StarCraft | Diablo

Game engines which use C++ :

Unreal Engine | Torque3D | Godot | CryEngine | Panda3D

and the list goes on…

2. C

C# is considered as one of the best programming language for game development. It is very much preferred over other languages due to the high level of convenience it offers. If you want to create an impressive game, you will definitely need a game engine and C# offers you Unity3D, which is one of the best game engines out there. Whether it is a big game or small, on IOS, Android, Windows or any other platforms, it gives you a beginner-friendly environment and easy to learn than C and C++.

Famous games written in C# include :

Rick and Morty: VR | Cuphead | D.R.O.N.E. | Trinity | Coco VR

Game engines which use C# :

Unity | FLAX | Xenko | Monogame(for 2D)

3. JAVA

Java is one of the prominent programming languages and can also be used in game development. Most of the programmers find themselves comfortable in working with Java. Java provides them with one of its assets of game programming. It uses the same OOPs concepts as in C++. It is among those few languages which provide the ability to develop on multiple platforms. It is also the official Android Game development language and uses OpenGL for graphics purpose.

Famous games written in Java include :

Runescape | Roboforge | Star Wars Galaxies | IL-2 Sturmovik(Dirty Java) | Minecraft

Game engines which use Java :

JMonkey | LibGDX | Slick2D

4. JavaScript and HTML5

In the list of the best programming languages, how can JavaScript be left behind. JavaScript being the most versatile language also left its mark in this field. It is the most used language for web and integrates very easily with web applications. For building interactive online games it is one of the best languages. It is used with HTML5 to build games.

Famous games written in JavaScript include :

Hex GL | Gods will be watching | 2048 | Curvy

Game engines which use JavaScript :

Quintus | Babylon.js | Pixi.js | Phasor.js | PlayCanvas WebGL

5. Python

Python being a straight forward language with easy semantics and syntax is used for game development as well. All thanks to its wide variety and collection of libraries. It is capable of offering OOPs concept similar to C++ and Java.

Famous games written in Python include :

Civilization IV | Sims 4 | World of Tanks | Battlefield 2

Game engines/frameworks/libraries which use Python :

Pyglet | Delta3D | Soya3D | PyOpenGL

There are many programming languages which are used for game development but the ones mentioned above are the most widely used.

Other programming languages used for the game development are

Lua
ActionScript
Papyrus(latest game programming language)
Squirrel
UnrealScript
Objective C

and still more yet to come : )