HTML/JS: ইন্টারেক্টিভ ওয়েবপেজ তৈরি
বিষয়সমূহ
জাভাস্ক্রিপ্টের পরিচিতি এবং এইচটিএমএল/সিএসএস পরিচিতি কোর্সটি তোমার করা থাকলে, তুমি তোমার ওয়েবপেজটি ইন্টার্যাক্টিভ করার জন্য জাভাস্ক্রিপ্টের DOM API ব্যবহার করে কিভাবে এইচটিএমএল/সিএসএস এর ব্যবহার শিখতে পারবে।
অনুশীলনীমূলক 8 টি প্রশ্নে তুমি কেমন স্কোর কর তা দেখো
কিভাবে এইচটিএমএল, জাভাস্ক্রিপ্ট এবং DOM এপিআই ব্যবহার করার মাধ্যমে কিভাবে তোমার ওয়েবপেজটি ইন্টারেক্টিভ করে তৈরি করা যায় তা শেখার জন্য তুমি কি তৈরি? আমাদের পর্যালোচনা মূলক কুইজ তুমি এই অনুশীলনীতে খুঁজে পাবে। তাহলে শুরু করা যাক!
ওয়েবপেজের "DOM" (Document Object Model) নিয়ন্ত্রণ করার জন্য কিভাবে জাভাস্ক্রিপ্ট ব্যবহার করতে হয় তা শিখো।
তোমার ওয়েবপেজের উপাদানগুলো ব্যবহার করার জন্য কিভাবে জাভাস্ক্রিপ্ট থেকে DOM এপিআই ব্যবহার করতে হয় তা শেখ।
জাভাস্ক্রিপ্টের DOM এপিআই ব্যবহার করার মাধ্যমে ওয়েবপেজের বিভিন্ন উপাদান যেমন স্টাইল এবং বৈশিষ্ট্য পরিবর্তন করতে হয় এবং সেই সাথে একদম প্রাথমিক অবস্থা থেকে কিভাবে নতুন একটি উপাদান তৈরি করা যায় তা শেখ।
জাভাস্ক্রিপ্টের DOM এপিআই ব্যবহার করার মাধ্যমে তোমার ওয়েবপেজটি ব্যবহারকারীর করা বিভিন্ন ইভেন্ট যেমন ক্লিক করা, স্ক্রল করা এবং কোন ফর্মে তথ্য প্রবেশ করানোর মত ঘটনাগুলোতে কিভাবে প্রতিক্রিয়াশীল করে তুলতে হবে তা শেখ।
তিনটি ভিন্ন ভিন্ন কৌশল- window.setInterval, window.requestAnimationFrame এবং সিএসএস অ্যানিমেশন/ট্রানজিশন ব্যবহার করে কিভাবে তোমার ওয়েবপেজের কিছু কিছু অংশ অ্যানিমেশন করতে হয় তা শেখ।
তোমার তৈরি করা ওয়েবপেজে কিভাবে জাভাস্ক্রিপ্ট লাইব্রেরী সংযুক্ত করতে হয় তা শেখ যাতে অন্য ডেভেলপারদের তৈরি করা ফাংশনগুলো তুমি তোমার ওয়েবপেজে ব্যবহার করতে পারো।
এখন তুমি শিখেছ যে কিভাবে জাভাস্ক্রিপ্ট ব্যবহার করে তোমার ওয়েবপেজ পরিবর্তন করতে হয়, তুমি আর কি কি শিখেছ?