Posted on

Building Pokemon Index in Vanilla JS

In this post, we are going to build a Pokemon index using Pokemon API in plain Javascript. First, let’s discuss what this project is about. There will be a search bar where users can come and search for a Pokemon, and after the search, Pokemon with its image and stats, as a result, will be shown. So, the functionality is pretty basic but you using this project as a base can tweak and make your own version of this project and add it to your portfolio.

The full version is deployed at https://poke-mon.now.sh/.

Posted on

Three Ways to Create Objects in JavaScript

Almost everything in Javascript is an object, whether it’s an array or a function. In this post, we’ll learn three different ways to create objects in JavaScript:

  1. Object Literals.
  2. New Keyword.
  3. Classes.
You may also like: Object-Oriented JavaScript: Objects, Encapsulation, and Abstraction (With Examples).

Object Literals

A JavaScript object literal is a comma-separated list of name-value pairs wrapped in curly braces. Object literals encapsulate data, enclosing it in a tidy package.

Posted on

An Introduction to Sets in JavaScript

Eliminate duplicates in your collection with sets

Sets are a new object type included in ES6 that allow the creation of collections of unique values. The values in a set can be either simple primitives, such as strings and integers or more complex object types like object literals or arrays. Think of sets as an array with no repeated elements.

There are many instances where we have an array containing many elements that we want to convert to a unique array. While it can be done by brute force on the array, checking elements, using loops, distinct callback method, etc., the best method is using  set().

Posted on

Hoisting in JavaScript

Master hoisting in JavaScript

In this post, we are going to discuss hoisting. We’ll be discussing what it is and why it’s important for you to know as a Javascript developer.

This article is the first of many small articles discussing key areas and terms in Javascript, such as call stack, callback, promise, async, etc.

Posted on

Three Ways to Define Functions in JavaScript

Functions are one of the key components in programming. They are defined to perform a specific task and can be called again and again to execute that task. The main difference between functions in JavaScript and other programming languages is that in JavaScript, functions are first-class objects, which means that they behave like objects and can be assigned to variables, arrays, and other objects.

This post discusses three different ways to define functions:

Posted on

A Brief Introduction to Closures and Lexical Scoping in JavaScript

“Writing in ECMAScript language without understanding closure is like writing Java without understanding classes” — Douglas Crockford, father of JSON.

In this piece, we are going to discuss closures and lexical scoping in JavaScript. Understanding closures leads to a better understanding of programming itself. If you are planning on becoming a professional programmer, questions regarding closures and their applications are widely asked during technical interviews and can be really helpful to you.