বাড়ি তৈরির মালমশলা

কম্পোনেন্ট হল আধুনিক ওয়েব অ্যাপ্লিকেশনের বিল্ডিং ব্লক। আপনার নিজস্ব কম্পোনেন্ট তৈরি করার সময় কোন পেশাদার পদ্ধতি অনুসরণ করা উচিত যাতে সেগুলি দীর্ঘ সময় ধরে কাজ করতে পারে? কম্পোনেন্ট হল আধুনিক ওয়েব অ্যাপ্লিকেশনের বিল্ডিং ব্লক। আপনার নিজস্ব কম্পোনেন্ট তৈরি করার সময় কোন কোন পেশাদার পদ্ধতি অনুসরণ করা উচিত যাতে সেগুলি দীর্ঘস্থায়ী হয়?

কোড আইকন।

কাস্টম এলিমেন্ট

কাস্টম এলিমেন্ট ডেভেলপারদের HTML এক্সটেন্ড করার এবং তাদের নিজস্ব ট্যাগ তৈরি করার ক্ষমতা দেয়। কাস্টম এলিমেন্ট স্ট্যান্ডার্ডের উপর ভিত্তি করে তৈরি হয় বলে, এগুলি ওয়েবের বিল্ট-ইন কম্পোনেন্ট মডেল থেকে সুবিধা পায়। এর ফলে আরও মডিউলার কোড পাওয়া যায় যা বিভিন্ন প্রসঙ্গে আবার ব্যবহার করা যেতে পারে। আরও জানুন
বর্ডার স্টাইল আইকন

শ্যাডো DOM

Shadow DOM হল একটি ওয়েব স্ট্যান্ডার্ড যা কম্পোনেন্ট স্টাইল ও মার্কআপ এনক্যাপসুলেশন অফার করে। এটি ওয়েব কম্পোনেন্ট স্টোরির একটি অত্যন্ত গুরুত্বপূর্ণ অংশ, কারণ এটি নিশ্চিত করে যে কোনও কম্পোনেন্ট যেকোনও পরিবেশে কাজ করবে, এমনকি পৃষ্ঠায় অন্য CSS বা JavaScript থাকলেও। আরও জানুন
'হয়ে গেছে' আইকন।

পেশাদার পদ্ধতি

কাস্টম এলিমেন্ট এবং শ্যাডো DOM হল লো-লেভেল প্রিমিটিভ, তাই সবসময় বোঝা যায় না যে কীভাবে এগুলিকে একত্রিত করে এমন একটি কম্পোনেন্ট তৈরি করা যায় যা শক্তিশালী এবং বিভিন্ন পরিবেশে ভাল কাজ করে। আপনি এইসব API-এর সাহায্যে প্রায় যেকোনও কিছু করতে পারলেও, আপনার কম্পোনেন্ট যাতে যেকোনও জায়গায় ভালভাবে কাজ করে তা নিশ্চিত করতে এখানে কিছু পেশাদার পদ্ধতি দেওয়া হল। আরও জানুন
এক্সপ্লোর আইকন।

উদাহরণ

HowTo-Components হল এলিমেন্টের একটি সেট যা কাস্টম এলিমেন্ট এবং Shadow DOM-এর পেশাদার পদ্ধতি প্রদর্শন করে। এইসব এলিমেন্ট প্রোডাকশনে ব্যবহার করার জন্য নয়, বরং এগুলি পেশাদার পদ্ধতির সাজেশনকে বাস্তবে প্রয়োগ করার ক্ষেত্রে সহায়তা করার জন্য শিক্ষামূলক সাহায্য হিসেবে উপস্থাপন করা হয়েছে। আরও জানুন