উপাদান হল আধুনিক ওয়েব অ্যাপ্লিকেশনের বিল্ডিং ব্লক। আপনার নিজের উপাদানগুলি তৈরি করার সময় আপনার কোন সেরা অনুশীলনগুলি অনুসরণ করা উচিত যাতে তারা সময়ের পরীক্ষায় দাঁড়াতে পারে? উপাদান হল আধুনিক ওয়েব অ্যাপ্লিকেশনের বিল্ডিং ব্লক। আপনার নিজের উপাদানগুলি তৈরি করার সময় আপনার কোন সেরা অনুশীলনগুলি অনুসরণ করা উচিত যাতে তারা সময়ের পরীক্ষায় দাঁড়াতে পারে?
কাস্টম উপাদান
কাস্টম উপাদানগুলি বিকাশকারীদের HTML প্রসারিত করার এবং তাদের নিজস্ব ট্যাগ তৈরি করার ক্ষমতা দেয়৷ কারণ কাস্টম উপাদানগুলি মান ভিত্তিক তারা ওয়েবের অন্তর্নির্মিত উপাদান মডেল থেকে উপকৃত হয়৷ ফলাফলটি আরও মডুলার কোড যা বিভিন্ন প্রসঙ্গে পুনরায় ব্যবহার করা যেতে পারে। আরও জানুন
ছায়া DOM
Shadow DOM হল একটি ওয়েব স্ট্যান্ডার্ড যা উপাদান শৈলী এবং মার্কআপ এনক্যাপসুলেশন প্রদান করে। এটি ওয়েব কম্পোনেন্টস গল্পের একটি সমালোচনামূলকভাবে গুরুত্বপূর্ণ অংশ কারণ এটি নিশ্চিত করে যে একটি উপাদান যেকোনো পরিবেশে কাজ করবে এমনকি যদি অন্য CSS বা জাভাস্ক্রিপ্ট পৃষ্ঠায় প্লে হয়। আরও জানুন
সেরা অনুশীলন
যেহেতু কাস্টম উপাদান এবং ছায়া DOM নিম্ন-স্তরের আদিম, তাই এটি সর্বদা পরিষ্কার নয় যে কীভাবে তাদের একত্রিত করে এমন একটি উপাদান তৈরি করতে হবে যা শক্তিশালী এবং বিভিন্ন পরিবেশে ভালভাবে কাজ করে। যদিও আপনি এই APIগুলির সাথে সত্যিই কিছু করতে পারেন, আপনার উপাদানগুলি যে কোনও জায়গায় ভালভাবে কাজ করে তা নিশ্চিত করতে এখানে কয়েকটি সেরা অনুশীলন রয়েছে৷ আরও জানুন
উদাহরণ
HowTo-Components হল উপাদানগুলির একটি সেট যা কাস্টম এলিমেন্ট এবং Shadow DOM সেরা অনুশীলনগুলি প্রদর্শন করে৷ এই উপাদানগুলি উত্পাদনে ব্যবহার করার উদ্দেশ্যে নয়, বরং বাস্তব বাস্তবায়নের জন্য সেরা অনুশীলনের পরামর্শগুলি ম্যাপ করতে সহায়তা করার জন্য একটি শিক্ষণ সহায়ক হিসাবে উপস্থাপন করা হয়েছে। আরও জানুন
[[["সহজে বোঝা যায়","easyToUnderstand","thumb-up"],["আমার সমস্যার সমাধান হয়েছে","solvedMyProblem","thumb-up"],["অন্যান্য","otherUp","thumb-up"]],[["এতে আমার প্রয়োজনীয় তথ্য নেই","missingTheInformationINeed","thumb-down"],["খুব জটিল / অনেক ধাপ","tooComplicatedTooManySteps","thumb-down"],["পুরনো","outOfDate","thumb-down"],["অনুবাদ সংক্রান্ত সমস্যা","translationIssue","thumb-down"],["নমুনা / কোড সংক্রান্ত সমস্যা","samplesCodeIssue","thumb-down"],["অন্যান্য","otherDown","thumb-down"]],["2017-08-14 UTC-তে শেষবার আপডেট করা হয়েছে।"],[],[]]