JavaScript — Chapter 1 & 2

JavaScript Introduction

1.1 JavaScript kya hai?

JavaScript (JS) ek programming language hai jo websites ko interactive banati hai. HTML structure deta hai, CSS design deta hai, aur JavaScript behavior / logic deta hai — jaise button click pe message dikhana, form check karna, data fetch karna, animations, games, apps.

Aaj JavaScript sirf browser tak limited nahi hai. Node.js ke through server pe bhi chalti hai, mobile apps (React Native), desktop apps (Electron) — almost har jagah use hoti hai.

1.2 Browser me JS kaise chalti hai?

Har modern browser (Chrome, Firefox, Edge, Safari) ke andar ek JavaScript Engine hota hai (jaise Chrome me V8). Jab page load hota hai, engine JS code read karke turant run kar deta hai.

• HTML file me <script> tag ke andar code likh sakte ho
• Alag .js file bana ke link kar sakte ho
• Browser Console (F12 → Console) me bhi directly type karke test kar sakte ho

<!-- Method 1: Inline -->
<script>
  console.log("Hello from LoOPCode!");
</script>

<!-- Method 2: External file (best practice) -->
<script src="app.js"></script>

1.3 Pehla program — Hello World

Programming me pehla step hota hai screen pe kuch print karna. JavaScript me sabse common tareeka console.log() hai — yeh browser ke Developer Console me message dikhata hai.

console.log("Hello, World!");
console.log("Welcome to LoOPCode JavaScript");

1.4 Comments — code me notes

Comments aise lines hote hain jo computer ignore karta hai. Sirf humans ke liye notes. Debugging aur team ke saath kaam me bahut useful.

// Yeh single-line comment hai

/*
   Yeh multi-line comment hai
   Kai lines tak likh sakte ho
*/

console.log("Yeh line chalegi"); // end-of-line comment bhi chalega

1.5 alert, prompt, confirm (browser dialogs)

Beginners ke liye 3 simple functions useful hain:

• alert("message") — popup message dikhata hai
• prompt("Sawal?") — user se input leta hai (string return)
• confirm("OK?") — Yes/No puchta hai (true/false return)

1.6 Chapter 1 — Short summary

• JS websites ko interactive banati hai
• Browser ke engine me turant run hoti hai
• console.log() se output dekhte hain
• Comments se code readable banate hain

Variables & Data Types

2.1 Variable kya hota hai?

Variable ek named box hai jisme data store karte ho. Jaise real life me dabbe pe label laga ke cheezein rakhte ho — programming me variable name se value access karte ho.

2.2 let, const, var

Modern JavaScript me 3 keywords se variable banate hain:

let age = 18;          // badal sakte ho
age = 19;

const siteName = "LoOPCode";  // fix — dubara assign nahi
// siteName = "Other";  ❌ Error

let city;               // abhi undefined
city = "Delhi";

2.3 Data Types — kis tarah ka data?

JavaScript me values ke types hote hain. Sabse important primitive types:

Type check karne ke liye typeof operator use hota hai:

console.log(typeof "LoOPCode");  // "string"
console.log(typeof 25);         // "number"
console.log(typeof true);       // "boolean"
console.log(typeof undefined);  // "undefined"
console.log(typeof null);       // "object"  ← known JS quirk!

2.4 Strings — text ke saath kaam

String single quotes ' ', double " ", ya backticks ` ` (template literal) se banate hain. Backticks me variables inject kar sakte ho:

const name = "Riya";
const lang = "JavaScript";

// Old way
console.log("Hello " + name + ", welcome to " + lang);

// Modern way (recommended)
console.log(`Hello ${name}, welcome to ${lang}`);

2.5 Numbers & basic math

JS me integer aur decimal dono number type ke under aate hain. Basic operators: + - * / % (remainder) ** (power)

let a = 10;
let b = 3;

console.log(a + b);   // 13
console.log(a - b);   // 7
console.log(a * b);   // 30
console.log(a / b);   // 3.333...
console.log(a % b);   // 1  (remainder)
console.log(a ** b);  // 1000 (10^3)

2.6 Boolean & comparisons

Boolean sirf true ya false. Comparisons se milte hain:

console.log(5 > 3);      // true
console.log(5 === 5);    // true  (strict equal)
console.log(5 === "5");  // false (type bhi match hona chahiye)
console.log(5 == "5");   // true  (loose — avoid mostly)
console.log(10 !== 7);   // true  (not equal)

2.7 Chapter 2 — Short summary

• const default, let jab value change karni ho
• Main types: string, number, boolean, undefined, null
• typeof se type check
• Template literals `Hello ${name}` modern aur clean
• Comparisons me strict === use karo