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