Basic JavaScript Through the Salaar Lens - Part 1

Pancharas Shubham — Tue, 11 Mar 2025 21:03:25 +0000

Introduction

JavaScript is one of the most powerful programming languages used for web development. But what if we could make learning JavaScript as thrilling as the world of Salaar? By drawing parallels between JavaScript concepts and the epic saga of Salaar, we can make learning more engaging and memorable. In this guide, we'll explore JavaScript through the lens of Salaar, comparing programming principles with warriors, clans, and battle strategies.

console.log("Welcome to JavaScript, the Salaar way!");

Story of var, let, and const in Salaar

Scope and Hoisting in the Kingdom of Khansaar

var – The Old Ruler of Khansaar

var is like the old ruling system of Khansaar—powerful but outdated.
It has function scope but no block scope, which can create unexpected results.
It is hoisted but initialized with undefined.

console.log(leader); // undefined (hoisted but not assigned)
var leader = "Old King of Khansaar";

let – The Strategic War General

let is like Deva, the rising warrior who follows structured war strategies.
It has block scope, meaning it is only accessible within the block it is declared in.
Unlike var, it is hoisted but not initialized.

if (true) {
  let warPlan = "Attack at dawn";
  console.log(warPlan); // Accessible inside the block
}
console.log(warPlan); // Error: warPlan is not defined

const – The Unshakable Khansaar Throne

const represents the Supreme Leader—unchanging and absolute.
It has block scope like let, but once assigned, its value cannot be changed.

const supremeLeader = "Khansaar King";
supremeLeader = "New King"; // Error: Cannot reassign a constant variable

Best Practices / Important Notes

Use console.table instead of console.log

accountId = 46
accountEmail = "rajmanar_ka_salaar@gmail.com"
accountPassword = "Maa@143"
accountCity = "Tinsukia"
accountState = "Assam"

console.table([accountId, accountEmail, accountPassword, accountCity, accountState])

Important Primitive Data Types

String (Represents text)

let warrior = "Deva"; // Name of the warrior

2.
Number (Represents numerical values)

let age = 35; // Deva's age

3.
Boolean (Represents true/false values)

let isKaaparWarrior = true; // Deva belongs to Kaapar clan

Undefined (A variable that has been declared but not assigned a value)

let weapon;
console.log(weapon); // undefined (Deva's weapon is not assigned yet)

5.
Null (Represents an empty or unknown value)

let throne = null;             // Throne of Khansaar is currently empty
console.log((throne));         // null 
console.log(typeof(throne));   // object

Symbol (Represents a unique value)

let uniqueID = Symbol("deva");
console.log(uniqueID); // Symbol(deva)
console.log(typeof(uniqueID)); // symbol

BigInt (Used for very large numbers beyond the safe integer limit)

let kingdomWealth = BigInt(9876543210123456789);

Best Practices / Important Notes

Type of Null Datatype is object. Refer to Null Datatype.

console.log(typeof(throne));     // object

"use strict"

Imagine Khansaar had a chaotic rule earlier where warriors could take any weapon without permission (non-strict mode). Now, with Rajamannar disciplined leadership (strict mode), every action is monitored and mistakes are punished.

"use strict";

warrior = "Deva"; // ❌ Error: warrior is not defined (undeclared variable)
console.log(warrior);

Without "use strict", JavaScript would assume warrior is a global variable and run without error. But in strict mode, it prevents such mistakes, enforcing proper variable declarations.

Data Types Conversions

1.
String to Number

Deva wants to convert his warrior rank (stored as a string) into a number.

let rank = "1"; 
let numericRank = Number(rank);  
console.log(numericRank); // Output: 1

2.
Number to String

Vardha wants to convert his power level into a string.

let powerLevel = 9000;
let powerStr = String(powerLevel);
console.log(powerStr); // Output: "9000"

3.
Boolean to Number

A warrior’s loyalty (true or false) is converted into a number.

let isLoyal = true;
let loyalNumber = Number(isLoyal);
console.log(loyalNumber); // Output: 1

4.
Number to Boolean

If an army size is 0, it means no warriors. Any non-zero value means they exist.

let armySize = 100;
let hasArmy = Boolean(armySize);
console.log(hasArmy); // Output: true

5.
String to Boolean

A non-empty string means a warrior exists.

let warriorName = "Deva";
console.log(Boolean(warriorName)); // Output: true

let emptyName = "";
console.log(Boolean(emptyName)); // Output: false

What is a web server ?

Pancharas Shubham — Sun, 08 Sep 2024 19:53:45 +0000

Web server refers to both hardware and software.

A web server is not like a supercomputer or any other large machine.

** Basically web server is another computer that acts as a host to store webpage files and software. **

A web server is like a special computer that stores all the parts of a website, like the text, images, and styles. It connects to the Internet so people can visit the website from their own devices.

The web server also has software that knows how to handle requests when someone types a web address (URL) in their browser. It understands these requests and sends back the right content from the website to the person’s device so they can see the webpage.

A web server is a computer that helps people visit websites. It has special software called an HTTP server that understands website addresses (URLs) and uses a language called HTTP to show pages in your browser. When you type a website's address, the server sends the right pages to your device so you can see them.

When your browser asks for a file from a web server, it sends a request using HTTP. The server then finds the file and sends it back to your browser so you can view it. If the file isn't there, the server tells you with a “404 error,” which means the page can’t be found.

DEV Community: Pancharas Shubham

Basic JavaScript Through the Salaar Lens - Part 1

Introduction

Story of var, let, and const in Salaar

Scope and Hoisting in the Kingdom of Khansaar

var – The Old Ruler of Khansaar

let – The Strategic War General

const – The Unshakable Khansaar Throne

Best Practices / Important Notes

Important Primitive Data Types

Best Practices / Important Notes

Data Types Conversions

What is a web server ?

Web server refers to both hardware and software.