প্রকল্প সম্পর্কে
Material Web হলো material-components অর্গানাইজেশনের অধীনে রক্ষণাবেক্ষণ করা একটি ওয়েব কম্পোনেন্ট লাইব্রেরি। এর মূল উদ্দেশ্য হলো সুন্দর এবং অ্যাক্সেসিবল ওয়েব অ্যাপ্লিকেশন তৈরি করতে সাহায্য করা এবং এটি Google-এর ওপেন-সোর্স ডিজাইন সিস্টেমের সর্বশেষ সংস্করণ Material 3 বাস্তবায়ন করে।
এটি যা প্রদান করে
- কাস্টম এলিমেন্টের একটি সংগ্রহ (md- প্রিফিক্স যুক্ত) যা সাধারণ HTML-এ ব্যবহার করা যায়, যেমন md-checkbox, md-radio, md-outlined-text-field, md-outlined-button এবং md-icon-button।
- একটি শেয়ারড "all.js" এন্ট্রি পয়েন্ট যা সম্পূর্ণ কম্পোনেন্ট সেট ইমপোর্ট করে, পাশাপাশি নির্দিষ্ট কম্পোনেন্ট মডিউল রয়েছে যা বেছে বেছে লোড করা যায়।
- একটি typescale styles মডিউলের (md-typescale-styles.js) মাধ্যমে টাইপোগ্রাফি সাপোর্ট, যা একটি adoptable stylesheet প্রদান করে এবং তা document.adoptedStyleSheets-এ পুশ করা যায়। md-typescale-display-medium এবং md-typescale-body-medium-এর মতো ইউটিলিটি ক্লাসগুলো Material typescale-এর সাথে ম্যাপ করা থাকে।
README-তে একটি বিল্ডলেস কুইক-স্টার্ট উদাহরণ দেখানো হয়েছে যা ইমপোর্ট ম্যাপ এবং মডিউল স্ক্রিপ্টের মাধ্যমে CDN থেকে লাইব্রেরিটি লোড করে, সাথে Google Fonts থেকে Roboto ওয়েবফন্ট ব্যবহার করে। ডকুমেন্টেশনের একটি আলাদা কুইক-স্টার্ট গাইডে প্রোডাকশনের জন্য ইনস্টলেশন এবং বিল্ড করার প্রক্রিয়া আলোচনা করা হয়েছে।
ডকুমেন্টেশন এবং রিসোর্স
- docs/intro.md - পরিচিতি
- docs/roadmap.md - রোডম্যাপ
- docs/components/ - প্রতিটি কম্পোনেন্টের ডকুমেন্টেশন
- docs/size.md - বান্ডেল সাইজ সংক্রান্ত তথ্য
- docs/support.md - ব্রাউজার সাপোর্ট এবং FAQ
- docs/quick-start.md - ইনস্টলেশন এবং প্রোডাকশন বিল্ড নির্দেশিকা
প্রজেক্টের অবস্থা
- README-তে স্পষ্টভাবে উল্লেখ করা হয়েছে যে MWC (Material Web Components) বর্তমানে নতুন মেইনটেইনার পাওয়ার আগ পর্যন্ত রক্ষণাবেক্ষণ মোডে (maintenance mode) রয়েছে এবং এর সাথে একটি GitHub ডিসকাশন লিঙ্ক দেওয়া হয়েছে। দীর্ঘমেয়াদী প্রজেক্টের জন্য এটি মূল্যায়ন করার সময় এই বিষয়টি বিবেচনায় রাখা উচিত।
- Angular ব্যবহারকারীদের জন্য README-তে Angular Material কম্পোনেন্ট ব্যবহারের পরামর্শ দেওয়া হয়েছে।
ডিস্ট্রিবিউশন এবং লাইসেন্সিং প্রসঙ্গ
- এটি npm-এ @material/web হিসেবে প্রকাশিত, যার ভার্সন এবং ডাউনলোড পরিসংখ্যান ব্যাজের মাধ্যমে দেখানো হয়েছে এবং esm.run ও jsDelivr-এর মতো CDN সার্ভিসের মাধ্যমেও এটি পাওয়া যায়।
- কন্টিনিউয়াস ইন্টিগ্রেশন টেস্ট স্ট্যাটাস একটি GitHub Actions ওয়ার্কফ্লো ব্যাজের মাধ্যমে প্রদর্শিত হয় এবং কমিউনিটি সাপোর্টের জন্য রিপোজিটরিটি একটি Lit Discord চ্যাটের লিঙ্ক প্রদান করে।
সাধারণ ব্যবহার
যেহেতু এগুলো স্ট্যান্ডার্ড ওয়েব কম্পোনেন্ট, তাই এগুলো ফ্রেমওয়ার্ক-অ্যাগনস্টিক এবং যেকোনো পেজ বা অ্যাপ্লিকেশনে ব্যবহার করা যায় যা কাস্টম এলিমেন্ট সাপোর্ট করে, যার মধ্যে স্ট্যাটিক সাইট, সার্ভার-রেন্ডারড পেজ এবং জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক অন্তর্ভুক্ত। স্টাইলিং এবং থিমিং Material 3 কনভেনশন অনুসরণ করে এবং ফর্ম-অ্যাসোসিয়েটেড কন্ট্রোলগুলো নেটিভ HTML ফর্মের সাথে কাজ করে।
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.