📘 ওয়েব ডেভেলপমেন্ট টিউটোরিয়াল সিরিজ – পর্ব ৪

JavaScript বেসিক ও ডায়নামিক ওয়েবপেজ

১. JavaScript কী?

JavaScript হলো একটি প্রোগ্রামিং ভাষা যা ওয়েবপেজকে ডায়নামিক ও ইন্টারেক্টিভ করে তোলে। HTML ও CSS দিয়ে পেজের কাঠামো ও স্টাইল হয়, আর JavaScript দিয়ে কাজকর্ম যোগ করা হয়।

২. JavaScript যুক্ত করার উপায়

Inline: সরাসরি HTML ট্যাগে onclick এর মত অ্যাট্রিবিউট দিয়ে।
Internal: HTML ফাইলের <script> ট্যাগের মধ্যে লিখে।
External: আলাদা .js ফাইলে লিখে <script src="filename.js"></script> দিয়ে যুক্ত করা।

৩. JavaScript উদাহরণ

নিচে একটি সহজ HTML ও JavaScript কোড দেওয়া হলো, যা একটি বাটনে ক্লিক করলে মেসেজ দেখায়:

<!DOCTYPE html>
<html lang="bn">
<head>
  <meta charset="UTF-8">
  <title>JavaScript উদাহরণ</title>
</head>
<body>

  <h1>স্বাগতম!</h1>
  <button onclick="showMessage()">আমাকে চাপুন</button>

  <script>
    function showMessage() {
      alert('আপনি বাটনে ক্লিক করেছেন!');
    }
  </script>

</body>
</html>

৪. JavaScript কীভাবে কাজ করে?

জাভাস্ক্রিপ্ট কোড ব্রাউজারে চালানো হয় এবং HTML উপাদানের সাথে ইন্টারেক্ট করে পেজের পরিবর্তন ঘটায়। আপনি ইউজারের কাজ, টাইমার, বা অন্য ইভেন্টে রেসপন্স দিতে পারবেন।

নোট: জাভাস্ক্রিপ্ট শেখা ওয়েব ডেভেলপমেন্টে খুব জরুরি কারণ এটি ওয়েবসাইটকে প্রাণবন্ত করে তোলে।

৫. পরবর্তী পর্বের পরিকল্পনা

পরবর্তী পর্বে আমরা আরও গভীরভাবে JavaScript শিখব — ভেরিয়েবল, ফাংশন, লুপ ও কন্ডিশন নিয়ে আলোচনা করব।

নিতাই বাবু

ChatGPT ভাবনা নিতাই বাবু ব্লগ জীবনের ঘটনা

সহযোগিতায় ও ব্লগ ডিজাইন by OpenAI

ওয়েব ডেভেলপমেন্ট টিউটোরিয়াল সিরিজ — পর্ব লিস্ট

ওয়েব ডেভেলপমেন্ট টিউটোরিয়াল সিরিজ — পর্ব লিংকসমূহ

নিতাই বাবু

পুরস্কারপ্রাপ্ত নাগরিক সাংবাদিক – ২০১৭। লেখালেখির শুরু শৈশবে, এখনো চলছে।
মূলত সমাজ, সংস্কৃতি, স্মৃতিচারণা ও ছন্দনিবদ্ধ রচনায় আগ্রহী।
ভাষার শুদ্ধচর্চা ও সাহিত্যসমৃদ্ধ বাংলার প্রতি অগাধ ভালোবাসা।

🌐 ব্লগ: নিতাই বাবু ব্লগ | জীবনের ঘটনা | চ্যাটজিপিটি ভাবনা

পোস্টটি ভালো লাগলে বন্ধুদের সাথে শেয়ার করুন: