বুটস্ট্র্যাপ লেসনের মাধ্যমে রেসপন্সিভ ওয়েব ডিজাইন শিখুন, যা আপনি সম্পাদনা এবং প্রিভিউ করতে পারবেন। বুটস্ট্র্যাপ কোড প্লে ব্যাখ্যা, উদাহরণ কোড এবং একটি প্লেগ্রাউন্ডকে সংযুক্ত করে, যাতে আপনি দেখতে পারেন মার্কআপের পরিবর্তন একটি পেজকে কীভাবে প্রভাবিত করে।
পড়ুন, পরিবর্তন করুন, প্রিভিউ করুন
একটি বিষয় বেছে নিন, এটি কীভাবে কাজ করে তা পড়ুন, তারপর এডিটরে এর উদাহরণটি খোলার জন্য 'Try It'-এ ট্যাপ করুন। একটি ক্লাস পরিবর্তন করুন, কন্টেন্ট অ্যাডজাস্ট করুন বা একটি এলিমেন্ট যোগ করুন। ফলাফল পরীক্ষা করার জন্য প্রিভিউ খুলুন, তারপর অন্য একটি পরীক্ষার জন্য কোডে ফিরে যান।
মূল ভিত্তিগুলো শিখুন
রেসপন্সিভ গ্রিড, টাইপোগ্রাফি, বাটন, অ্যালার্ট, টেবিল এবং ফর্ম অনুশীলন করুন। প্রাসঙ্গিক লার্নিং ট্র্যাকগুলিতে কার্ড, নেভিগেশন বার, অ্যাকর্ডিয়ন এবং ডায়ালগের মতো কম্পোনেন্টগুলো অন্বেষণ করুন। গাইডেড লেসনগুলোতে ধাপ, চ্যালেঞ্জ এবং সাধারণ ভুলগুলো অন্তর্ভুক্ত থাকে, যা আপনাকে শুধু কোড কপি না করে বরং তা বুঝতে সাহায্য করে। প্রজেক্ট লেসনগুলো প্রাইসিং সেকশন এবং একটি কম্প্যাক্ট ড্যাশবোর্ডের মতো উদাহরণের মাধ্যমে ধারণাগুলোকে একত্রিত করে।
একটি শেখার ট্র্যাক বেছে নিন
সাথে থাকা বুটস্ট্র্যাপ ৫.৩.৮ ট্র্যাকটি অধ্যয়ন করুন, অথবা পুরোনো প্রোজেক্টের জন্য বুটস্ট্র্যাপ ৪.৬.২ এবং ৩.৪.১ অন্বেষণ করুন। পুরোনো ট্র্যাকগুলো এখন আর ব্যবহারযোগ্য নয় এবং এগুলো শেখা ও স্থানান্তরের জন্য দেওয়া হয়েছে। একটি আলাদা বুটস্ট্র্যাপ ৬ আলফা ট্র্যাক পরীক্ষামূলক; এর প্রিভিউ দেখার জন্য ইন্টারনেট সংযোগ এবং একটি আধুনিক ওয়েবভিউ প্রয়োজন।
অনুশীলন চালিয়ে যান
বিষয় অনুসন্ধান করুন অথবা বিভাগ অনুযায়ী ব্রাউজ করুন। পাঠগুলো সম্পূর্ণ হিসেবে চিহ্নিত করুন এবং প্রতিটি সংস্করণের জন্য আপনার সম্পূর্ণ করার সংখ্যা দেখুন। আপনার নিজের এইচটিএমএল পরীক্ষার জন্য প্লেগ্রাউন্ড খুলুন, একটি ফাইল সংরক্ষণ করুন এবং 'সেভড ফাইলস'-এর মাধ্যমে সেটিতে ফিরে আসুন।
দরকারী টুল দিয়ে সম্পাদনা করুন
উদাহরণ নিয়ে কাজ করার সময় সিনট্যাক্স হাইলাইটিং, আনডু ও রিডু, ফাইন্ড ও রিপ্লেস এবং নির্দিষ্ট লাইনে যাওয়ার সুবিধা ব্যবহার করুন। 'সেভ অ্যাজ' একটি আলাদা কপি রাখে এবং 'শেয়ার কোড' উপলব্ধ শেয়ারিং অপশনগুলোর মাধ্যমে এডিটরের টেক্সট পাঠিয়ে দেয়।
শিক্ষার্থী, স্ব-নির্দেশিত শিক্ষার্থী এবং রেসপন্সিভ লেআউট নিয়ে কাজ করা ডেভেলপারদের জন্য, অ্যাপটি একটি ব্যবহারিক চক্র প্রদান করে: একটি ব্যাখ্যা পড়ুন, একটি ছোট পরিবর্তন করুন এবং আউটপুটটি পরীক্ষা করুন।
অ্যাপটিতে বিজ্ঞাপন রয়েছে। যেসব উদাহরণে বাহ্যিক রিসোর্সের উল্লেখ আছে, সেগুলোর জন্য ইন্টারনেট সংযোগ প্রয়োজন; দূরবর্তী রিসোর্সের প্রাপ্যতা ভিন্ন হতে পারে।
নির্দেশিত পাঠ, সম্পাদনাযোগ্য HTML এবং কোড প্রিভিউয়ের মাধ্যমে রেসপন্সিভ লেআউট শিখুন।
আপডেট করা হয়েছে
২৫ অক্টো, ২০২৬