জাভাস্ক্রিপ্ট এক দুই তিন

নিয়মিত কোন কিছুই ভাল লাগে না। নিয়মিত কোন কিছু করলে নাকি সফল হওয়া যায়। কিছু দিন আগে ওয়ারলেস নেটওয়ার্কের উপর লেখালেখি করতে গিয়ে বেশি দূর এগিয়ে যেতে পারি নি। এরপর ওয়ার্ডপ্রেসসি.এস.এস এর উপরও কিছু লিখতে চেস্টা করেছি। এখন ভাবছি ওয়েব প্রোগ্রামিং এর আরও কিছু করতে। জাভান্ক্রিপ্টের উপর লেখারও সখ জাগলো। তাই কিছু কিছু করে শুরু করি জাভাস্ক্রিপ্ট টিউটরিয়াল। আশা করবো আমার সাথে থাকবেন এবং মতামতের মাধ্যমে আমাকে অনুপ্ররণা দিয়ে সহযোগিতা করবেন।

জাভাস্ক্রিপ্ট

জাভাস্ক্রিপ্ট মূলত: HTMLএ ওয়েব  ডিজাইনারদের প্রগ্রামিং এ কাজ করার সুবিধা দেয়।

জাভাস্ক্রিপ্ট সরাসরি HTML পেজে এমবেড করে এবং আলাদা ফাইল আকারে ব্যবহার করা যায়।

জাভাস্ক্রিপ্টের অনন্য বৈশিষ্ট্য

.           জাভাস্ক্রিপ্ট HTML পেজে ডায়নামিক কনটেন্ট যুক্ত করার সুবিধা প্রদান করে।যেমন- document.write(“<h1>” + name + “</h1>”) এর মতো করে HTML কোড লেখা যায়।

.             জাভাস্ক্রিপ্টের মাধ্যমে ইভেন্ট নিয়ে কাজ করা যায়। যখন কোন ইলিমেন্ট এ ক্লিক করা হয় তখনই নতুন করে কোন স্ক্রিপ্ট লোড করার ব্যবস্খা করা যায়।

.             জাভাস্ক্রিপ্ট কোন HTML ইলিমেন্টকে ডায়নামিকভাবে লোড করতে বা আনলোড করতে পারে।

.              জাভাস্ক্রিপ্টের মাধ্যমে ফরমের ডাটা ভেলিডেশন চেক করতে পারে।

.             ভিজিটরের ব্রাউজার ডিটেক্ট করে ভিন্ন ভিন্ন কোড এক্সিকিউট করতে পারে।

.             ইউজারের কম্পিউটারের তথ্য নিতে পারে ।

.             কুকি ব্যাবহার করতেও জাভাস্ক্রিপ্টের দরকার পরে।

কোড লেখার নিয়ম কানুন

১.HTML কোডের মধ্যে জাভাস্ক্রিপ্ট কোড লিখতে হলে

<script>এর মধ্যে কোড লিখতে হয়</script>

নিচে দেখি

<html>
<body>
<script>
document.write(“Hello World!”);
</script>
</body>
</html>

২. কোথায় লিখবেন কোড

কোন পেজের লোড ইভেন্টে কাজ করতে হলে <head></head> সেকশনে জাভাস্ক্রিপ্ট কোড লিখতে হয়। যেমন-

<html>
<head>
<script>
function message()
{
alert(“This alert box was called with the onload event”);
}
</script>
</head>

<body>
</body>
</html>

তা না করে বডিতেও কোড লিখতে পারেন।

<html>
<head>
</head>

<body>
<script>
document.write(“This message is written by JavaScript”);
</script>
</body>

</html>

৩. বাইরের জাভাস্ক্রিপ্ট ফাইল কল করা

জাভাস্ক্রিপ্ট কোড লিখে  *.js ফরমেটে সেভ করতে পারেন। এটাকে কল করেও কাজ করা যায়। যেমন-

<html>
<head>
<script src=”xxx.js”></script>
</head>
<body>
</body>
</html>

প্রখম ক্লাস হিসেবে আজ এ পর্যন্তই থাক।আগামী ক্লাসে আরও নিয়ম কানুন আর ছোট ছোট প্রজেক্ট নিয়ে হাজির হবো।আশা করি, আপনার সু চিন্তিত মতামত দিয়ে আমাদের সহযোগিতা করবেন। আজ এ পযর্ন্তই সাথে থাকুন, ভাল থাকুন।

12 thoughts on “জাভাস্ক্রিপ্ট এক দুই তিন”

  1. Pingback: জাভাস্ক্রিপ্ট এক দুই তিন « টিউটোরিয়াল

  2. ভাই, javascript এ কি এমন ফাংশন আছে যা php এর echo ফাংশন এর বিকল্প কাজ করে। যেমন javascript এ document.write() ফাংশন আছে, কিন্তু এটি সম্পূর্ণ নতুন একটা window/page এ আউটপুট দেখায়। আবার javascript এর document.getElementById().innerHTML ফাংশনটা কেবল আগে থেকে তৈরি একটা element এর মধ্যেই আউটপুট দেখায়। কিন্তু php তে echo যেখানে লেখা হয় ঠিক সেখানেই আউটপুট দেখায়, নতুন কোন element এর মধ্যে আউটপুট দেখানোর প্রয়োজন হয় না। বিষয়টি জানা থাকলে জানাবেন, অনেক উপকৃত হবো। ধন্যবাদ।

  3. Pingback: বাংলা টিউটরিয়াল|বাংলা ভাষায় বিশ্বের প্রথম টিউটরিয়াল সাইট | Bangla Tutorials » Blog Archive » জাভাস্ক্রিপ্ট ভ্যা

  4. ভাইয়া
    ইংরেজী তে সমস্য আছে। তাই ইংরেজী পড়তে ভাল লাগে না। আপনাকে অনেক ধন্যবাদ।
    তবে নিয়মিত আপডেট চাই

    -ধন্যবাদ

    1. @তারেক, আমাদের অনেকরই ইংরেজীতে সমস্যা আছে। আর এই সমস্যাটাকে সমাধান করতেই টিউটরিয়ালবিডির জন্ম। আশা করি সাথে থাকবেন। তবে ইংরেজীটাকে বাদ দেওয়া যাবে না। অনলাইনে এখনো বাংলায় অনেক কিছুই পাওয়া যায় না। ধন্যবাদ তারেক ভাই।

  5. আপনার চেষ্টাকে সাধুবাদ জানাই। অপেক্ষা করিছ আরো বেশী কিছুর

  6. রায়হান

    ভাই আপনাকে অনেক ধন্যবাদ এমন লেখার জন্য। অনেক খোজার পর নাইম ভাইর কাছ থেকে এই লিংকটা পেলাম জাভা বাংলায় বোঝার জন্য। জাভা সফট এর উপর লেখা চাই।

Leave a Comment