কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্টের বেসিক বা মূল বিষয়গুলো কী কী?

জাভাস্ক্রিপ্টের বেসিক বা মূল বিষয়গুলোর ওভারভিউ: জাভাস্ক্রিপ্ট একটি ডাইনামিক কম্পিউটার প্রোগ্রামিং ল্যাঙ্গুয়েজ। এটি লাইটওয়েট এবং সাধারণত ওয়েব পেজের অংশ হিসেবে ব্যবহার হয়, যেখানে ক্লায়েন্ট-সাইড স্ক্রিপ্ট ইউজারের সাথে ইন্টারঅ্যাক্ট করে ডাইনামিক পেজ তৈরি করে। এটি একটি ইন্টারপ্রেটেড প্রোগ্রামিং ল্যাঙ্গুয়েজ যাতে অবজেক্ট-ওরিয়েন্টেড ক্যাপাবিলিটি আছে।

ভেরিয়েবল (Variables)

অন্যান্য প্রোগ্রামিং ল্যাঙ্গুয়েজের মতো জাভাস্ক্রিপ্টেও ভেরিয়েবল থাকে। ভেরিয়েবলকে নামযুক্ত কন্টেইনার হিসেবে ভাবা যায়। আপনি এই কন্টেইনারগুলোর মধ্যে ডেটা রাখতে পারেন এবং কন্টেইনারটির নাম দিয়ে ডেটা অ্যাক্সেস করতে পারেন।

ভেরিয়েবলের স্কোপ (Scope of Variables)

একটি ভেরিয়েবলের স্কোপ হলো আপনার প্রোগ্রামের সেই অঞ্চল যেখানে সেটি ডিফাইন করা হয়েছে। জাভাস্ক্রিপ্ট ভেরিয়েবলের শুধু দুটি স্কোপ আছে।

  • গ্লোবাল ভেরিয়েবল (Global Variables) — একটি গ্লোবাল ভেরিয়েবলের গ্লোবাল স্কোপ থাকে, অর্থাৎ এটি আপনার জাভাস্ক্রিপ্ট কোডের যেকোনো জায়গা থেকে ডিফাইন/অ্যাক্সেস করা যায়।
  • লোকাল ভেরিয়েবল (Local Variables) — একটি লোকাল ভেরিয়েবল শুধু সেই ফাংশনের ভিতর থেকে দৃশ্যমান যেখানে সেটি ডিফাইন করা হয়েছে। ফাংশন প্যারামিটারها সবসময় সেই ফাংশনের লোকাল থাকে।

জাভাস্ক্রিপ্ট <script>... </script> ট্যাগের মধ্যে লেখা স্টেটমেন্ট দিয়ে ইমপ্লিমেন্ট করা হয়। <script> ট্যাগগুলো আপনার ওয়েব পেজের যেকোনো জায়গায় রাখা যায়, তবে সাধারণত <head> ট্যাগের ভিতরে রাখা পরামর্শ দেওয়া হয়।

"Hello World" প্রিন্ট করার একটি সহজ উদাহরণ নিচে দেওয়া হলো। এখানে জাভাস্ক্রিপ্ট কোডকে HTML কমেন্ট দিয়ে ঘেরা দেওয়া হয়েছে যাতে জাভাস্ক্রিপ্ট সাপোর্ট না করার ব্রাউজারগুলো কোডটি এক্সিকিউট না করে। কমেন্টটি //--> দিয়ে শেষ করা হয়েছে। // জাভাস্ক্রিপ্টে কমেন্ট বোঝায়, তাই HTML কমেন্টের শেষকে জাভাস্ক্রিপ্ট কোড হিসেবে না গণ্য করার জন্য এটি ব্যবহার করা হয়। তারপর document.write ফাংশন কল করে HTML ডকুমেন্টে স্ট্রিং লেখা হয়েছে। এই ফাংশন দিয়ে টেক্সট, HTML বা উভয়েই লেখা যায়।

<html>    <body>       <script>          <!--             document.write("Hello World!")          //-->       </script>    </body> </html>
  1. জাভাস্ক্রিপ্ট সিম্বল কী?

  2. জাভাস্ক্রিপ্টে প্রমিস (Promises) কী?

  3. জাভাস্ক্রিপ্টে ফাংশন এক্সপ্রেশন কী?

  4. জাভাস্ক্রিপ্টে ক্লোジャー (Closures) কী?