Bootstrap (front-end framework)
বুটস্ট্র্যাপ একটি মুক্ত এবং ওপেন সোর্স সিএসএস কাঠামো যা প্রতিক্রিয়াশীল, মোবাইল-ফার্স্ট ফ্রন্ট-এন্ড ওয়েব ডেভেলপমেন্টের দিকে পরিচালিত। এতে টাইপোগ্রাফি, ফর্ম, বোতাম, নেভিগেশন এবং অন্যান্য ইন্টারফেস উপাদানগুলির জন্য এইচটিএমএল, সিএসএস এবং (ঐচ্ছিকভাবে) জাভাস্ক্রিপ্ট-ভিত্তিক নকশা টেমপ্লেট রয়েছে। বুটস্ট্র্যাপ হল গিটহাবের 17তম সর্বাধিক তারকাময় প্রকল্প (4র্থ সর্বাধিক তারকাময় গ্রন্থাগার), যেখানে 1,64,000-এরও বেশি তারা রয়েছে। ডাব্লু3টেকস অনুসারে, বুটস্ট্র্যাপ সমস্ত ওয়েবসাইটের 19.2% দ্বারা ব্যবহৃত হয়। বুটস্ট্র্যাপ একটি এইচ. টি. এম. এল, সি. এস. এস এবং জে. এস লাইব্রেরি যা তথ্যমূলক ওয়েব পৃষ্ঠাগুলির বিকাশকে সহজতর করার উপর দৃষ্টি নিবদ্ধ করে (ওয়েব অ্যাপ্লিকেশনের বিপরীতে)। একটি ওয়েব প্রকল্পে এটি যুক্ত করার প্রাথমিক উদ্দেশ্য হল সেই প্রকল্পে বুটস্ট্র্যাপের পছন্দের রঙ, আকার, ফন্ট এবং বিন্যাস প্রয়োগ করা। এইভাবে, প্রাথমিক বিষয় হল দায়িত্বপ্রাপ্ত ডেভেলপাররা তাদের পছন্দ অনুযায়ী সেই পছন্দগুলি খুঁজে পান কিনা। একবার কোনও প্রকল্পে যুক্ত হয়ে গেলে, বুটস্ট্র্যাপ সমস্ত এইচটিএমএল উপাদানগুলির জন্য মৌলিক শৈলীর সংজ্ঞা প্রদান করে। ফলাফল হল ওয়েব ব্রাউজার জুড়ে গদ্য, টেবিল এবং ফর্ম উপাদানগুলির জন্য একটি অভিন্ন চেহারা। উপরন্তু, ডেভেলপাররা বুটস্ট্র্যাপে সংজ্ঞায়িত সিএসএস ক্লাসের সুবিধা নিতে পারে যাতে তাদের বিষয়বস্তুর চেহারা আরও কাস্টমাইজ করা যায়। উদাহরণস্বরূপ, বুটস্ট্র্যাপ হালকা এবং গাঢ় রঙের টেবিল, পৃষ্ঠার শিরোনাম, আরও বিশিষ্ট টান উদ্ধৃতি এবং একটি হাইলাইট সহ পাঠ্যের জন্য বিধান করেছে। বুটস্ট্র্যাপ বেশ কয়েকটি জাভাস্ক্রিপ্ট উপাদানের সাথেও আসে যার জন্য জেকুয়েরির মতো অন্যান্য লাইব্রেরির প্রয়োজন হয় না। তারা অতিরিক্ত ইউজার ইন্টারফেস উপাদান যেমন ডায়ালগ বাক্স, টুলটিপ, অগ্রগতি বার, নেভিগেশন ড্রপ-ডাউন এবং ক্যারোসেল সরবরাহ করে। প্রতিটি বুটস্ট্র্যাপ উপাদান একটি এইচটিএমএল কাঠামো, সিএসএস ঘোষণা এবং কিছু ক্ষেত্রে জাভাস্ক্রিপ্ট কোড সহ থাকে। তারা কিছু বিদ্যমান ইন্টারফেস উপাদানগুলির কার্যকারিতাও প্রসারিত করে, উদাহরণস্বরূপ ইনপুট ক্ষেত্রগুলির জন্য একটি স্বয়ংক্রিয়-সম্পূর্ণ ফাংশন সহ। বুটস্ট্র্যাপের সবচেয়ে বিশিষ্ট উপাদানগুলি হল এর বিন্যাস উপাদান, কারণ তারা একটি সম্পূর্ণ ওয়েব পৃষ্ঠাকে প্রভাবিত করে। মূল বিন্যাস উপাদানটিকে "কনটেইনার" বলা হয়, কারণ পৃষ্ঠার প্রতিটি অন্যান্য উপাদান এতে স্থাপন করা হয়। ডেভেলপাররা একটি নির্দিষ্ট-প্রস্থের ধারক এবং একটি তরল-প্রস্থের ধারক বেছে নিতে পারেন। যদিও পরেরটি সর্বদা ওয়েব পৃষ্ঠার সাথে প্রস্থ পূরণ করে, প্রথমটি পাঁচটি পূর্বনির্ধারিত নির্দিষ্ট প্রস্থের মধ্যে একটি ব্যবহার করে, যা পৃষ্ঠাটি দেখানো পর্দার আকারের উপর নির্ভর করেঃ 576 পিক্সেলের চেয়ে ছোট 576-768 পিক্সেল 768-992 পিক্সেল 992-1200 পিক্সেল 1200 পিক্সেলের চেয়ে বড় একবার একটি ধারক জায়গায় থাকলে, অন্যান্য বুটস্ট্র্যাপ বিন্যাস উপাদানগুলি সারি এবং কলামগুলি সংজ্ঞায়িত করার মাধ্যমে একটি সিএসএস ফ্লেক্সবক্স বিন্যাস প্রয়োগ করে। বুটস্ট্র্যাপের একটি পূর্ব-সংকলিত সংস্করণ একটি সিএসএস ফাইল এবং তিনটি জাভাস্ক্রিপ্ট ফাইলের আকারে পাওয়া যায় যা সহজেই যে কোনও প্রকল্পে যোগ করা যেতে পারে। বুটস্ট্র্যাপের কাঁচা রূপটি অবশ্য ডেভেলপারদের আরও কাস্টমাইজেশন এবং আকার অপ্টিমাইজেশন বাস্তবায়নে সক্ষম করে। এই কাঁচা ফর্মটি মডুলার, যার অর্থ বিকাশকারী অপ্রয়োজনীয় উপাদানগুলি সরিয়ে ফেলতে পারে, একটি থিম প্রয়োগ করতে পারে এবং অসম্পূর্ণ সাস ফাইলগুলি সংশোধন করতে পারে। প্রাথমিক সূচনা বুটস্ট্র্যাপ, যা মূলত টুইটার ব্লুপ্রিন্ট নামে পরিচিত, অভ্যন্তরীণ সরঞ্জামগুলির মধ্যে ধারাবাহিকতা উত্সাহিত করার জন্য একটি কাঠামো হিসাবে টুইটারে মার্ক অটো এবং জ্যাকব থর্নটন দ্বারা তৈরি করা হয়েছিল। বুটস্ট্র্যাপের আগে, ইন্টারফেস বিকাশের জন্য বিভিন্ন গ্রন্থাগার ব্যবহার করা হত, যার ফলে অসঙ্গতি এবং একটি উচ্চ রক্ষণাবেক্ষণের বোঝা ছিল। ওটোর মতেঃ একটি ছোট গোষ্ঠী দ্বারা কয়েক মাস বিকাশের পরে, টুইটারের অনেক বিকাশকারী হ্যাক উইকের অংশ হিসাবে প্রকল্পে অবদান রাখতে শুরু করেছিলেন, যা টুইটার উন্নয়ন দলের জন্য একটি হ্যাকাথন-শৈলীর সপ্তাহ। এটির নাম পরিবর্তন করে টুইটার ব্লুপ্রিন্ট থেকে বুটস্ট্র্যাপ করা হয় এবং 19শে আগস্ট, 2011-এ একটি ওপেন সোর্স প্রকল্প হিসাবে মুক্তি পায়। এটি অটো, থর্নটন, মূল বিকাশকারীদের একটি ছোট গোষ্ঠী এবং অবদানকারীদের একটি বড় সম্প্রদায় দ্বারা রক্ষণাবেক্ষণ করা অব্যাহত রেখেছে। বুটস্ট্র্যাপ 2 31শে জানুয়ারী, 2012-এ, বুটস্ট্র্যাপ 2 মুক্তি পায়, যা গ্লাইফিকন, বেশ কয়েকটি নতুন উপাদানের পাশাপাশি বিদ্যমান অনেক উপাদানের জন্য অন্তর্নির্মিত সমর্থন যোগ করে। এই সংস্করণটি প্রতিক্রিয়াশীল ওয়েব ডিজাইনকে সমর্থন করে, যার অর্থ ব্যবহৃত যন্ত্রের বৈশিষ্ট্যগুলি (ডেস্কটপ, ট্যাবলেট, মোবাইল ফোন যাই হোক না কেন) বিবেচনা করে ওয়েব পৃষ্ঠাগুলির বিন্যাস গতিশীলভাবে সামঞ্জস্য হয়। 2013 সালের 19শে আগস্ট বুটস্ট্র্যাপ 3 মুক্তি পায়। এটি ফ্ল্যাট ডিজাইন এবং মোবাইল ফার্স্ট পদ্ধতি ব্যবহার করার জন্য উপাদানগুলিকে নতুন করে ডিজাইন করেছে। বুটস্ট্র্যাপ 3-এ নেমস্পেসড ইভেন্ট সহ নতুন প্লাগইন সিস্টেম রয়েছে। বুটস্ট্র্যাপ 3 ইন্টারনেট এক্সপ্লোরার 7 এবং ফায়ারফক্স 3 সমর্থন বাদ দিয়েছে, তবে এই ব্রাউজারগুলির জন্য একটি ঐচ্ছিক পলিফিল রয়েছে। বুটস্ট্র্যাপ 4 অটো 29শে অক্টোবর, 2014-এ বুটস্ট্র্যাপ 4 ঘোষণা করে। বুটস্ট্র্যাপ 4-এর প্রথম আলফা সংস্করণ 2015 সালের 19শে আগস্ট মুক্তি পায়। প্রথম বিটা সংস্করণটি 2017 সালের 10ই আগস্ট মুক্তি পায়। অটো বুটস্ট্র্যাপ 4-এ কাজ করার জন্য সময় মুক্ত করার জন্য 6ই সেপ্টেম্বর, 2016-এ বুটস্ট্র্যাপ 3-এর কাজ স্থগিত করেন। বুটস্ট্র্যাপ 4 18 জানুয়ারী, 2018 এ চূড়ান্ত করা হয়েছিল। উল্লেখযোগ্য পরিবর্তনগুলির মধ্যে রয়েছেঃ আই. ই. 8, আই. ই. 9 এবং আই. ও. এস 6-এর জন্য ড্রপিং সমর্থনকে স্বাভাবিক করার উপর ভিত্তি করে একক ফাইলে উপাদান-নির্দিষ্ট সি. এস. এস পরিবর্তনের একটি সংগ্রহ, রিবুটের স্যাস সংযোজন, আই. ই. 8, আই. ই. 9 এবং আই. ও. এস. 6-এর জন্য ড্রপিং সমর্থন নমনীয় বাক্স সমর্থন নেভিগেশনের বিকল্পগুলি যুক্ত করা প্রতিক্রিয়াশীল ব্যবধান এবং আকারের উপযোগিতাগুলি যুক্ত করা সি. এস. এস-এ পিক্সেল ইউনিট থেকে রুট ই. এম. এস-এ পরিবর্তন করা বর্ধিত পঠনযোগ্যতার জন্য বিশ্বব্যাপী ফন্টের আকার 14পি. এক্স থেকে 16পি. এক্স-এ বৃদ্ধি করা প্যানেল, থাম্বনেইল, পেজার এবং ভাল উপাদানগুলি ড্রপিং করা গ্লাইফিকন আইকন ফন্ট বিপুল সংখ্যক ইউটিলিটি ক্লাস উন্নত ফর্ম স্টাইলিং বোতাম, ড্রপ-ডাউন মেনু। এটি অতিরিক্তভাবে আই. ই. 10 এবং সর্বশেষতম ফায়ারফক্স এক্সটেন্ডেড সাপোর্ট রিলিজ (ই. এস. আর) সমর্থন করে। বুটস্ট্র্যাপ 5 বুটস্ট্র্যাপ 5 আনুষ্ঠানিকভাবে 5 মে, 2021-এ মুক্তি পায়। প্রধান পরিবর্তনগুলির মধ্যে রয়েছেঃ নতুন অফক্যানভাস মেনু উপাদান ভ্যানিলা জাভাস্ক্রিপ্টের পক্ষে জেকুয়েরির উপর নির্ভরতা অপসারণ প্রতিক্রিয়াশীল নর্দমা এবং সারির বাইরে রাখা কলামগুলিকে সমর্থন করার জন্য গ্রিডকে পুনর্লিখন করা জেকিল থেকে হুগোতে ডকুমেন্টেশন স্থানান্তর করা ইন্টারনেট এক্সপ্লোরারের জন্য ড্রপিং সমর্থন কিউইউনিট থেকে জেসমিন-এ পরীক্ষার পরিকাঠামো স্থানান্তর করা এসভিজি আইকনগুলির কাস্টম সেট যুক্ত করা সিএসএস কাস্টম বৈশিষ্ট্য যুক্ত করা উন্নত এপিআই বর্ধিত গ্রিড সিস্টেম উন্নত কাস্টমাইজিং ডক্স আপডেটেড ফর্মগুলি আরটিএল সমর্থন ডার্কমোড সমর্থনে তৈরি করুন আরও দেখুন সিএসএস ফ্রেমওয়ার্ক জেকুয়েরি মোবাইল জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক জাভাস্ক্রিপ্ট লাইব্রেরি এছাড়াও, বুটস্ট্র্যাপে রেন্ডারিং সমর্থন করে বেশ কয়েকটি ওয়েব ফ্রেমওয়ার্ক। রেফারেন্স এক্সটার্নাল লিঙ্ক 2011 সফ্টওয়্যার সিএসএস ফ্রেমওয়ার্ক এমআইটি লাইসেন্স ব্যবহার করে জাভাস্ক্রিপ্ট এইচটিএমএল জাভাস্ক্রিপ্ট লাইব্রেরি সফ্টওয়্যারে প্রোগ্রাম করা ফ্রি সফ্টওয়্যার টুইটার ওয়েব ডেভেলপমেন্ট রেসপন্সিভ ওয়েব ডিজাইন মোবাইল ওয়েব