jQueryUI একটি ওপেন সোর্স লাইব্রেরি, যা jQuery এর উপর ভিত্তি করে তৈরি হয়েছে এবং এটি ওয়েবসাইটে বিভিন্ন ধরনের ইন্টারেক্টিভ উপাদান যোগ করতে ব্যবহৃত হয়। আপনি jQueryUI এর ফাইল ডাউনলোড করে বা CDN (Content Delivery Network) ব্যবহার করে সহজেই এটি আপনার প্রকল্পে অন্তর্ভুক্ত করতে পারেন।
jQueryUI ডাউনলোড করা
আপনি যদি jQueryUI আপনার কম্পিউটারে ডাউনলোড করতে চান, তাহলে নিচের পদক্ষেপগুলি অনুসরণ করতে পারেন:
- jQueryUI ওয়েবসাইটে যান: jQueryUI-এর অফিসিয়াল ওয়েবসাইটে যান https://jqueryui.com/।
- ডাউনলোড পেজে যান: ওয়েবসাইটে "Download" অপশনে ক্লিক করুন। সেখানে আপনাকে দুটি অপশন দেয়া হবে:
- Custom Download: আপনি এখানে jQueryUI-এর প্রয়োজনীয় উইজেট এবং ফিচার নির্বাচন করতে পারবেন।
- Complete Download: সবগুলো উইজেট এবং ফিচার একসাথে ডাউনলোড করতে পারবেন।
- ডাউনলোড করুন: আপনার প্রয়োজন অনুযায়ী পছন্দসই অপশন নির্বাচন করে jQueryUI ফাইলটি ডাউনলোড করুন।
ইনস্টলেশন: ডাউনলোড করা ZIP ফাইলটি আনজিপ করে, ফাইলগুলো আপনার প্রোজেক্টের সাথে সংযুক্ত করুন।
উদাহরণস্বরূপ:
<link rel="stylesheet" href="path/to/jquery-ui.min.css"> <script src="path/to/jquery.min.js"></script> <script src="path/to/jquery-ui.min.js"></script>
CDN ব্যবহার করে jQueryUI ব্যবহার করা
CDN ব্যবহার করলে আপনি আপনার প্রকল্পে jQueryUI ফাইলটি ডাউনলোড না করেও সরাসরি ব্যবহার করতে পারেন। এটি দ্রুত এবং সহজ। আপনাকে শুধু CDN লিংক যুক্ত করতে হবে।
jQueryUI CDN লিংক: আপনি সহজেই CDN থেকে jQueryUI ব্যবহার করতে পারেন। নিচে একটি উদাহরণ দেখানো হলো:
<!-- jQuery CDN লিংক --> <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> <!-- jQueryUI CDN লিংক --> <link rel="stylesheet" href="https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.js"></script>এখানে, প্রথম লাইনটি jQuery এর জন্য এবং দ্বিতীয় এবং তৃতীয় লাইনটি jQueryUI এর জন্য।
ব্যবহার করা: jQueryUI CDN লিংক যুক্ত করার পর আপনি সহজেই jQueryUI এর ফিচার যেমন উইজেট, ডায়ালগ বক্স, ডেটাপিকার, স্লাইডার ইত্যাদি ব্যবহার করতে পারবেন।
উদাহরণ:
<script> $(function() { $("#datepicker").datepicker(); }); </script> <input type="text" id="datepicker">
উপসংহার
jQueryUI ডাউনলোড বা CDN ব্যবহারের মাধ্যমে আপনার ওয়েবসাইটে ইন্টারেক্টিভ UI উপাদানগুলি সহজে যোগ করা যায়। আপনি যদি CDN ব্যবহার করেন তবে তা দ্রুত এবং কোনো ফাইল ডাউনলোড ছাড়াই সরাসরি লাইব্রেরি ব্যবহার করার সুবিধা দেয়। অন্যদিকে, যদি আপনি অনলাইনে নির্ভর না থাকতে চান, তাহলে jQueryUI ফাইল ডাউনলোড করে তা আপনার প্রোজেক্টে যোগ করতে পারেন।
Read more
