জাভাস্ক্রিপ্ট কি ? (What is JavaScript ?)
জাভাস্ক্রিপ্ট একটা জনপ্রিয় স্ক্রিপ্টিং ল্যাঙ্গুয়েজ, যা ওয়েব পেজের ইন্ট্রকটিভিটি ও ফাংশনালিটি বৃদ্ধি, ফরম ভেলিডেশন, ব্রাউজার নির্দেশ, সময় ও তারিখ নির্দেশ ইত্যাদি কাজে ব্যবহৃত হয়।জাভাস্ক্রিপ্ট ক্লায়েন্ট এবং সার্ভার উভয় দিকেই কাজ করতে পারে। তাই ইহা ইউজারের নিকট থেকে ডাটা নিয়ে প্রয়োজনীয় প্রসেস সম্পন্ন করে সার্ভারে প্রেড়ণ করতে সক্ষম। জাভাস্ক্রিপ্ট ECMA ইন্টারন্যশনাল অর্গানাইজেশন কতৃক উদ্ভাবিত এবং তৈরি করেছিলেন ব্রান্ডন এইচ (Brendan Eich)। জাভাস্ক্রিপ্ট এর অফিসিয়াল নাম ছিল ECMAScript ।
অনুশীলন প্রজেক্ট
<html>
<head>
<title> www.tutohost.com</title>
<style>
body{background: #FFC}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<form>
<input type ="button" value = "Click Me"
onClick="alert('Welecome to www.tutorialbd.com')">
</form>
</body>
</html>
<head>
<title> www.tutohost.com</title>
<style>
body{background: #FFC}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<form>
<input type ="button" value = "Click Me"
onClick="alert('Welecome to www.tutorialbd.com')">
</form>
</body>
</html>
একটা নোটপ্যাড open করে উপরের code টুকু লিখে file মেনু থেকে Save as এ ক্লিক করে File name: index.html , Save as type : All files, দিয়ে save করে index.html ফাইলটি Mozilla Firefox দিয়ে open করলে নিচে প্রদর্শিত ছবির মত দেখাবে।
জাভাস্ক্রিপ্ট কেন ব্যবহার করা হয়? (Why use JavaScript?)
ওয়েব ডিজাইন এবং ডেভলপমেন্ট উভয় ক্ষেত্রেই জাভাস্ক্রিপ্ট সমান গুরুত্বপূর্ণ।আপনি তখনই একজন পরিপূর্ণ ডিজাইনার হয়ে উঠবেন যখন এইচ টি এম এল এবং সি এস এস এর পাশাপাশি জাভাস্ক্রিপ্ট ব্যবহার করতে পারবেন। এটা আপনাকে সৃজনশীলতা প্রকাশের সুযোগ সৃষ্টি করে দেবে। ই কমার্স সাইট গুলোতে বিভিন্ন ধরণের পণ্য সিলেক্ট করে এবং তাদের পরিমান নির্ধারণ করে ব্যবহারকারী তার অর্ডারের প্রয়োজনীয় হিসাব দেখতে পারে এধরণের সুবিধা আপনাকে যুক্ত করতে হলে অবশ্যই জাভাস্ক্রিপ্ট এর সুবিধা নিতে হবে। অন্যদিকে বিভিন্ন ধরণের ইন্ট্রাকটিভ ইফেক্ট তৈরিতেও জাভাস্ক্রিপ্ট এর জুড়ি নেই।
জাভাস্ক্রিপ্ট এইচ টি এম এল ডিজাইনারকে প্রোগ্রামিং এর সুযোগ তৈরি করে দেয়
প্রকৃত পক্ষে যারা এইচ টি এম এল এ কোড লেখেন তার প্রোগ্রামার নন। জাভাস্ক্রিপ্ট একটা স্ক্রিপ্টিং ল্যাঙ্গুয়েজ এবং এটা এইচ টি এম এল এর সাথে সরাসরি ইমবেড করা যায়, তাই জাভাস্ক্রিপ্ট প্রোগ্রামিং এর সুযোগ সৃষ্টি করে।
জাভাস্ক্রিপ্ট ওয়েব পেজে ডাইনামিক টেক্সট যুক্ত করার সুযোগ সৃষ্টি করে
document.write(“<h3>” + text + “</h3>”) স্টেটমেন্ট টি ডাইনামিক টেক্সট যুক্ত করার জন্য লেখা হয়েছে। এখানে text নামে একটা ভেরিয়েবল দ্বারা ইউজার বা ব্রাউজারের কাছ থেকে ডাটা নিয়ে তা প্রদর্শনের ব্যবস্থা করা হয়েছে।
জাভাস্ক্রিপ্ট অবস্থা এবং সময় বিবেচনা করে কার্য সম্পাদন করতে পারে
কোন একটা পেজ সম্পূর্ণ লোড হওয়ার সাথে সাথে ইউজারকে একটা ম্যাসেজ প্রদশর্ন করা, কোন ইলিমেন্টে মাউস ক্লিক করলে এলার্ট প্রদর্শন করা, তারিখ এবং সময় অনুযায়ী ভিজিটরদের অভিবাদন করা ইত্যাদি জাভাস্ক্রিপ্ট এর মাধ্যমে করা যায়।
ব্যবহারকারীর পছন্দ অনুযায়ী ডিজাইন নির্বাচন করার সুযোগ দেয়
জাভাস্ক্রিপ্টের মাধ্যমে একজন ব্যবহারকারী তার ইচ্ছা অনুযায়ী কোন একটি পেজের জন্য একাধিক স্ট্যাইল সিটের মধ্যে থেকে একটি নির্বাচন করার সুযোগ পায় অর্থাৎ ব্যবহারকারী নিজের পছন্দ অনুযায়ী ডিজাইন নির্বাচন করাতে পারে।
জাভাস্ক্রিপ্ট এর মাধ্যমে এইচ টি এম এল এ তৈরিকৃত ফরম ভ্যালিডেশন করা হয়
এইচ টি এম এল এর মাধ্যমে তৈরিকৃত কোন ফরমের বিভিন্ন ফিল্ডে একজন ব্যবহারকারী কি ধরণের ডাটা প্রদান করতে পারবেন, প্রতিটি ডাটার আকৃতি এবং গঠন কেমন হবে তা জাভাস্ক্রিপ্ট এর মাধ্যমে নির্ধারণ করা হয়, আর একেই বলা হয় ফরম ভ্যালিডেশন।
জাভাস্ক্রিপ্ট এর মাধ্যমে ব্যবহারকারীর ব্রাউজার নির্দেশ করে
ব্যবহারকারী কোন ব্রাউজার ব্যবহার করছে, তার উপর ভিত্তি করে কোন পেজটি লোড হবে বা পেজের জন্য কোন স্ট্যাইল সিটটি ব্যবহারিত হবে তা জাভাস্ক্রিপ্টের মাধ্যমে যুক্ত করা যায়।
ইন্ট্রাকটিভ ইফেক্ট তৈরি
ফটো গ্যালারি, ইমেজ স্লাইডার, নেভিগেশন বার, এবং বিভিন্ন ব্যানারে টেক্সট ইফেক্ট সহ বিভিন্ন ধরণের ইন্ট্রাকটিভ ইফেক্ট তৈরিতে জাভাস্ক্রিপ্ট ব্যবহার করা হয়।