Anonim

যদি আপনি সুন্দর ওয়েবসাইট তৈরির জন্য টুইটার দ্বারা তৈরি একটি কাঠামো বুটস্ট্র্যাপের কথা কখনও শুনেন নি, আপনি মিস করছেন! সিএসএসে (ক্যাসকেডিং স্টাইল শিট) বেশি জ্ঞান ছাড়াই বুটস্ট্র্যাপ এটিকে মোটামুটি দ্রুত এবং সহজে কোনও ওয়েবসাইট ডিজাইন করা সহজ করে তোলে। আপনি যদি ওয়েবের জন্য প্রোগ্রামিংয়ে নতুন হন তবে বুটস্ট্র্যাপ কীভাবে কাজ করে তা শিখতে আপনার সিএসএস সম্পর্কে কিছু জানা দরকার না; আপনার যা দরকার তা হ'ল একক এইচটিএমএল ডকুমেন্ট। আমরা বুটস্ট্র্যাপের দিকে একবার নজর রাখব, আপনাকে এটি দেখানো হয়েছে যে এটি কীভাবে কাজ করে, কীভাবে এটি কাজ করে এবং আপনার নির্মিত প্রতিটি ওয়েবসাইটের জন্য এটি যদি ভাল বিকল্প হয়।

আপনার এইচটিএমএল ফাইলে বুটস্ট্র্যাপ এপিআই .োকানো হচ্ছে

আপনার প্রধান প্রকল্পের ফাইলে বুটস্ট্র্যাপ forোকানোর জন্য আপনার কাছে কয়েকটি বিকল্প রয়েছে। প্রথম বিকল্পটি হ'ল আপনার প্রকল্পে প্রয়োজনীয় সমস্ত বুটস্ট্র্যাপ ফাইল .োকানো। আপনি প্যাকেজটি ডাউনলোড করে এটি আপনার প্রকল্প ফোল্ডারে আপলোড করে করতে পারেন। অবশ্যই, আপনাকে অবশ্যই আপনার ডকুমেন্টের সাথে প্রাথমিক বুটস্ট্র্যাপ সিএসএস ফাইলটি সংযুক্ত করতে হবে। এটি কীভাবে করা যায় সে সম্পর্কে বুটস্ট্র্যাপের অফিশিয়াল ওয়েবসাইটে একটি ধাপে ধাপে গাইড রয়েছে।

অন্য বিকল্পটি হ'ল প্যাকেজটি ডাউনলোড করা ছেড়ে দেওয়া এবং একটি সামগ্রী বিতরণ নেটওয়ার্ক (সিডিএন) ব্যবহার করা। সিডিএন আপনাকে প্রাথমিক বুটস্ট্র্যাপ ফাইলগুলি কখনও ডাউনলোড না করেই আপনার HTML ডকুমেন্টের সাথে লিঙ্ক করতে দেয় to এটি অবশ্যই পেশাদার ওয়েবসাইটগুলির জন্য সর্বদা ভাল জিনিস নয়, কারণ যদি সার্ভারটি সর্বস্বান্ত হয় তবে আমি ভাগ্যবান হয়ে আমার ব্যবসা বা পোর্টফোলিও পৃষ্ঠা ছেড়ে যাব না। আপনার প্রকল্পে ফাইলগুলি রাখা ভাল, তবে শেখার উদ্দেশ্যে সিডিএন ঠিকঠাক করবে।

আপনার এইচটিএমএল ডকুমেন্টে বুটস্ট্র্যাপ sertোকাতে, আপনাকে কেবল নীচের কোডটি ভিতরে রাখতে হবে আপনার এইচটিএমএল নথিতে ট্যাগ:

এই লিঙ্কগুলি একবার সেই হেড ট্যাগের মধ্যে প্রবেশ করা গেলে, আপনাকে বুটস্ট্র্যাপ ক্লাস ব্যবহার শুরু করতে প্রস্তুত হওয়া উচিত। আপনার দস্তাবেজের কিছু দেখতে এমন হওয়া উচিত:

বুটস্ট্র্যাপ এবং ক্লাস

বুটস্ট্র্যাপ উপাদানগুলি ক্লাসে বিভক্ত হয়ে গেছে, যা প্রাক-লিখিত সিএসএসের একগুচ্ছ যা আপনি নিজের মার্কআপে sertোকাতে পারেন। আপনার মার্কআপে ক্লাস সন্নিবেশ করা সহজ, আপনি কেবল যে ক্লাসটি ব্যবহার করতে চান তার নামটি জানতে হবে এবং তারপরে একটি পূর্ববর্তী নিবন্ধে আলোচিত শ্রেণি = "শ্রেণীকরণ" মানটি ব্যবহার করে আপনার HTML উপাদানগুলির মধ্যে একটিতে এটি প্রয়োগ করতে হবে।

কঠিন অংশটি নির্ধারণ করছে যে কীভাবে সুন্দর কিছু তৈরি করতে এই সমস্তগুলি একসাথে কাজ করে। আপনি সরকারী ডকুমেন্টেশন থেকে সরাসরি বুটস্ট্র্যাপে উপলব্ধ বিভিন্ন শ্রেণীর সমস্ত পরীক্ষা করে দেখতে পারেন। এখন, বুটস্ট্র্যাপকে দক্ষ করে তোলা আরও একটি গল্প। এটি আমরা বা অন্য কেউ আপনাকে শেখাতে পারে এমন কিছু নয়। আপনি টিউটোরিয়াল পরে টিউটোরিয়াল দেখতে পারেন, কিন্তু কাঠামো ব্যবহার করে ভাল পেতে, এটি অনেক পরীক্ষার এবং ত্রুটির সাথে আসে। এবং, এর জন্য আপনার নিজের প্রকল্পগুলিতে এটির সাথে হাতছাড়া হওয়া দরকার।

এটি মনে রেখে, আমি আপনাকে অনুরোধ করছি যে আপনি আপনার কম্পিউটারে অ্যাটম বা অন্য কোনও পাঠ্য সম্পাদক ব্যবহার করে আপনার নিজস্ব HTML প্রকল্প শুরু করুন, এইচটিএমএল এবং সিএসএসের ক্লাসগুলি কী তা পর্যালোচনা করুন এবং তারপরে বুটস্ট্র্যাপের সাথে খেলা শুরু করুন। এবং যদি আপনি পর্যাপ্ত মার্কআপ জানেন তবে সম্ভবত একটি পরীক্ষা অনুশীলন হিসাবে নিজের নিজস্ব পোর্টফোলিও ওয়েবসাইট তৈরি করুন।

বুটস্ট্র্যাপ কি প্রতিটি ওয়েবসাইটের জন্য একটি কার্যকর বিকল্প?

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

আমি ব্যক্তিগতভাবে বুটস্ট্র্যাপকে প্রতিটি ওয়েবসাইটের জন্য দুর্দান্ত বিকল্প হিসাবে দেখি না। অবশ্যই, এটি কিছু শর্টকাট সরবরাহ করতে এবং সহায়তা করতে পারে তবে শেষ পর্যন্ত আমি পেয়েছি যে সিএসএসের সাথে গ্রাউন্ড-আপ থেকে ডিজাইনিং হ'ল মূলত এটি আপনার উপর নিয়ন্ত্রণের কারণেই সেরা পথ। তবে আবার যদি আপনি ওয়েব প্রোগ্রামিংয়ে শুরু করে থাকেন তবে বুটস্ট্র্যাপ ব্যবহার করা মোটেও খারাপ জিনিস নয়, তবে ক্যারিয়ারের জন্য এটির উপর নির্ভর করবেন না।

এটি লক্ষণীয় যে আপনি যদি একজন প্রাথমিক বিকাশকারী হন তবে আপনার পোর্টফোলিওর সমস্ত প্রকল্পের জন্য আপনার বুটস্ট্র্যাপ ব্যবহার করা উচিত নয়। এটি জুড়ে আসতে পারে যে আপনি সম্ভবত এপিআই সম্পর্কে দক্ষ হতে পারেন, তবে আপনি সিএসএসের চারপাশে আপনার উপায় পুরোপুরি জানেন না। এটি বলেছিল, আপনার পোর্টফোলিওটিতে দু'জনেরই একটি সুন্দর মিশ্রণ থাকা ভাল (বা এমনকি একচেটিয়াভাবে সিএসএস, এটি বুটস্ট্র্যাপ তোলা সহজ)।

বন্ধ

সংক্ষেপে বুটস্ট্র্যাপ যা আছে তা। যেমনটি আমি আগেই উল্লেখ করেছি, আমি আপনাকে নিজের HTML প্রকল্প শুরু করতে এবং কাঠামোর সাথে চারপাশে খেলতে শুরু করতে উপাদানগুলিতে কিছু বিভিন্ন শ্রেণি যুক্ত করতে উত্সাহিত করি। আপনি এখানে ব্যাখ্যা এবং কোড উদাহরণ সহ বুটস্ট্র্যাপের বিভিন্ন উপাদানগুলির সমস্ত খুঁজে পেতে পারেন।

বুটস্ট্র্যাপ সত্যই একটি ঝরঝরে সরঞ্জাম, তবে একা এটির উপর নির্ভর করবেন না মনে রাখবেন! এটির সাথে পরিচিত হওয়া এবং কাঠামোর চারপাশের আপনার উপায়গুলি জানা ভাল, তবে দৃশ্যের আড়ালে কী ঘটছে তা বুঝতে আপনি সিএসএসে ডুব দিয়েছিলেন তা নিশ্চিত করুন। কেবল এটিই নয়, সিএসএসের দৃ knowledge় জ্ঞান প্রচুর পরিমাণে বুটস্ট্র্যাপ করে যা আপনাকে নিজের কাস্টমাইজেশন দিয়ে সত্যিকার অর্থে কিছু অনন্য এবং সুন্দর ওয়েবসাইট তৈরি করতে দেয়।

কীভাবে আপনি একটি সুন্দর ওয়েবসাইট তৈরি করতে বুটস্ট্র্যাপ ব্যবহার করতে পারেন