HTML ও CSS-এর বেসিক জানেন এবং Bootstrap দিয়ে রেসপনসিভ ওয়েব পেজ তৈরির অনুশীলন করতে চান? এই ১২ পৃষ্ঠার বাংলা ইবুকে সেটআপ, গ্রিড, স্পেসিং, বাটন, কার্ড, ফর্ম ও ডায়ালগের প্রাথমিক ব্যবহার উদাহরণসহ তুলে ধরা হয়েছে।
লাইট ও ডার্ক মোড, Bootstrap 5 থেকে পরিবর্তনের পরিচিতি এবং একটি শিক্ষার্থী পোর্টফোলিও তৈরির অনুশীলনও রয়েছে। প্রতিটি উদাহরণ নিজে টাইপ করে ব্রাউজারে পরীক্ষা করুন এবং প্রয়োজন অনুযায়ী ডিজাইন পরিবর্তন করুন।
সংস্করণ সম্পর্কে: বইটি Bootstrap 6.0.0-alpha.1 ভিত্তিক একটি পরিচিতিমূলক গাইড। Alpha পর্যায়ে ক্লাস, API ও আচরণ পরিবর্তিত হতে পারে। উদাহরণ অনুশীলনের সময় একই সংস্করণের CSS ও JavaScript ব্যবহার করুন এবং প্রয়োজনে বর্তমান অফিসিয়াল ডকুমেন্টেশন মিলিয়ে নিন। এটি পূর্ণাঙ্গ API reference নয়।
অফিসিয়াল তথ্য: Bootstrap 6 Alpha প্রকাশনার নোট এবং Bootstrap ডকুমেন্টেশন। সংস্করণের অবস্থা যাচাই: ৫ নভেম্বর ২০২৬।
এই ইবুক সম্পর্কে বিস্তারিত
এই বই পড়ে যা শিখবেন
- Bootstrap 6.0.0-alpha.1 দিয়ে প্রথম ওয়েব পেজের সেটআপ
- Container, row, column ও responsive prefix ব্যবহার
- Spacing ও নিজস্ব CSS দিয়ে লেআউট সাজানো
- বাটন ও কার্ড তৈরি
- Label-সহ ফর্মের গঠন তৈরি
- ডায়ালগের প্রাথমিক ব্যবহার
- লাইট ও ডার্ক মোড পরিবর্তনের অনুশীলন
- Bootstrap 5 থেকে 6-এর গুরুত্বপূর্ণ পরিবর্তনের পরিচিতি
- একটি শিক্ষার্থী পোর্টফোলিও তৈরি ও বিভিন্ন স্ক্রিনে পরীক্ষা
বইয়ের সূচিপত্র
- ১. সেটআপ ও প্রথম পেজ — পৃষ্ঠা ৩
- ২. রেসপনসিভ গ্রিড — পৃষ্ঠা ৪
- ৩. স্পেসিং ও নিজস্ব CSS — পৃষ্ঠা ৫
- ৪. বাটন ও কার্ড — পৃষ্ঠা ৬
- ৫. ব্যবহারযোগ্য ফর্ম — পৃষ্ঠা ৭
- ৬. ডায়ালগ — পৃষ্ঠা ৮
- ৭. লাইট ও ডার্ক মোড — পৃষ্ঠা ৯
- ৮. Bootstrap 5 থেকে পরিবর্তন — পৃষ্ঠা ১০
- ৯. পোর্টফোলিও প্রজেক্ট — পৃষ্ঠা ১১
- ১০. সমস্যা সমাধান ও রেফারেন্স — পৃষ্ঠা ১২
বইটি কাদের জন্য?
HTML tag, attribute, class, id এবং CSS selector, margin ও padding সম্পর্কে প্রাথমিক ধারণা আছে—এমন শিক্ষার্থীদের জন্য বইটি উপযোগী। JavaScript-এর সাধারণ event জানা থাকলে ইন্টারঅ্যাকটিভ উদাহরণ বুঝতে সুবিধা হবে। ওয়েব ডিজাইন প্রশিক্ষকরাও অনুশীলনের সহায়ক উপকরণ হিসেবে ব্যবহার করতে পারেন।
কীভাবে অনুশীলন করবেন?
প্রথমে সেটআপ ও গ্রিডের উদাহরণগুলো অনুশীলন করুন। এরপর স্পেসিং, কার্ড, ফর্ম ও ডায়ালগ তৈরি করুন। শেষে পোর্টফোলিও প্রজেক্ট সাজিয়ে 375px, 768px ও 1280px প্রস্থে পরীক্ষা করুন। কোডের একটি ক্লাস পরিবর্তন করে কী বদলাচ্ছে তা নিজের ভাষায় ব্যাখ্যা করুন। বইয়ের উদাহরণ ব্যবহার করার সময় Bootstrap-এর একই সংস্করণের CSS ও JavaScript রাখুন।
সাধারণ প্রশ্ন ও উত্তর
এই বই পড়ার আগে কী জানা প্রয়োজন?
HTML ও CSS-এর প্রাথমিক ধারণা প্রয়োজন। JavaScript-এর সাধারণ event জানা থাকলে ডায়ালগ ও থিম পরিবর্তনের উদাহরণ বুঝতে সুবিধা হবে।
বইটি Bootstrap-এর কোন সংস্করণ নিয়ে লেখা?
বইটি Bootstrap 6.0.0-alpha.1 ভিত্তিক। এটি প্রাথমিক alpha সংস্করণ হওয়ায় ভবিষ্যতে ক্লাস, API ও আচরণ পরিবর্তিত হতে পারে।
বইটিতে কত পৃষ্ঠা রয়েছে?
PDF বইটিতে মোট ১২ পৃষ্ঠা রয়েছে।
এতে কি কোনো প্রজেক্ট রয়েছে?
হ্যাঁ। একটি শিক্ষার্থী পোর্টফোলিও তৈরির অনুশীলন রয়েছে। নিজের তথ্য, প্রজেক্ট ও যোগাযোগের লিংক দিয়ে সেটি সাজাতে হবে।
কোড চালাতে কি ইন্টারনেট প্রয়োজন?
বইয়ের উদাহরণে CDN থেকে CSS ও JavaScript লোড হয়, তাই এইভাবে চালালে ইন্টারনেট লাগবে। একই সংস্করণের ফাইল স্থানীয়ভাবে সংরক্ষণ করে সঠিক path ব্যবহার করলে অফলাইনেও অনুশীলন করা যায়।
Bootstrap ফর্ম কি নিজে থেকে ইমেইল পাঠায়?
না। Bootstrap ফর্মের ইন্টারফেস সাজাতে সাহায্য করে। তথ্য সংরক্ষণ বা ইমেইল পাঠাতে backend অথবা উপযুক্ত সার্ভিস যুক্ত করতে হবে।
শুধু CDN বদলালেই কি Bootstrap 5 থেকে 6-এ আপগ্রেড হবে?
না। ব্যবহৃত কম্পোনেন্ট অনুযায়ী HTML, CSS ও JavaScript পরিবর্তন এবং পরীক্ষা করতে হবে। অফিসিয়াল migration নির্দেশনা অনুসরণ করুন।