JavaScript পরিচিতি

লেসন ২৬ / ৪৪

JavaScript কী?

JavaScript (JS) হলো ওয়েবের প্রোগ্রামিং ভাষা যা ব্রাউজারে চলে। এটি HTML-কে interactive ও dynamic করে তোলে।

ইতিহাস

  • Brendan Eich মাত্র ১০ দিনে ১৯৯৫ সালে Netscape কোম্পানিতে JS তৈরি করেন
  • প্রথমে "Mocha" → "LiveScript" → "JavaScript" (Java-র জনপ্রিয়তার সুযোগ নিতে)
  • ECMAScript হলো JS-এর standard। ES6 (2015) আধুনিক JS-এর ভিত্তি

JS দিয়ে কী করা যায়?

  • Frontend — Interactive webpage (DOM manipulation)
  • Backend — Node.js দিয়ে সার্ভার (Netflix, LinkedIn)
  • Mobile App — React Native, Ionic
  • Desktop App — Electron (VS Code, Discord)
  • Game — Phaser.js, Three.js
  • AI/ML — TensorFlow.js

JavaScript কীভাবে যোগ করবেন?

১. Inline (event এ)

<button onclick="alert('হ্যালো!')">ক্লিক করুন</button>

২. Internal (<script> ট্যাগে)

<body>
    <h1>পেজ</h1>
    <script>
        console.log("হ্যালো, বিশ্ব!");
    </script>
</body>

৩. External (সেরা পদ্ধতি)

<!-- index.html -->
<script src="app.js" defer></script>

// app.js
console.log("External file থেকে!");

defer vs async

  • defer — HTML parse শেষ হলে chronological order-এ চলবে (সুপারিশকৃত)
  • async — ডাউনলোড হওয়া মাত্র চলবে (order guarantee নেই)

Output পদ্ধতি

// ১. Console-এ (DevTools → Console)
console.log("হ্যালো");
console.error("ভুল!");
console.warn("সাবধান!");
console.table([{a:1},{a:2}]);

// ২. Alert box
alert("সতর্কীকরণ!");

// ৩. Prompt (user input)
let name = prompt("নাম লিখুন:");

// ৪. Confirm (yes/no)
let ok = confirm("আপনি কি নিশ্চিত?");

// ৫. DOM এ
document.getElementById("demo").innerHTML = "Hello";
document.body.innerHTML = "<h1>নতুন কন্টেন্ট</h1>";