Advertisement
  1. Web Design
  2. CSS Grid Layout

নতুন কোর্স: ওয়েব ডিজাইনারদের জন্য ৩টি CSS গ্রিড প্রজেক্ট

Scroll to top
Read Time: 2 min

() translation by (you can also view the original English article)

সিএসএস গ্রিড লেআউট হচ্ছে W3C সমর্থিত একটি ওয়ার্কিং ড্রাফ্ট যা একটি শক্তিশালী গ্রিড সিস্টেম যা CSS ব্যবহার করে আপনার ওয়েব পেইজের লেআউট তৈরি করতে সাহায্য করে।

আমাদের নতুন কোর্স, ওয়েব ডিজাইনারদের জন্য ৩টি CSS গ্রিড প্রজেক্টে, "গ্রিড" দিয়ে কি করা সম্ভব তা ভালোভাবে বুঝতে আপনি এখানে তিনটি প্রজেক্ট তৈরি করবেন। 

আপনি যা শিখবেন

Envato Tuts+ প্রশিক্ষক ক্রেইগ ক্যাম্পবেল, আপনাকে বিস্তারিত নির্দেশনার মাধ্যমে তিনটি প্রজেক্ট করতে সাহায্য করবেন যেগুলো আপনাকে CSS গ্রিড লেআউটে পাকা হয়ে উঠতে সাহায্য করবে।

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

এখানে, প্রিভিউ হিসেবে এই কোর্স থেকে কিছু ফ্রি পাঠ আছে, ফলে আপনি আগেই দেখে নিতে পারেন:

কলাম স্পানসমূহ ব্যবহার করে কিভাবে একটি সাধারণ লেআউট তৈরি করবেন

CSS দিয়ে সহজ গ্রিড লেআউট তৈরি করতে শিখুন। আমরা আমাদের গ্রিড এরিয়াটি grid-column এবং grid-row প্রোপার্টি ব্যবহার করে সংজ্ঞায়িত করবো।

সম্পর্কিত লিংকসমূহ

নেস্টেড গ্রিডগুলি কিভাবে তৈরি করবেন

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

সম্পর্কিত লিংকসমূহ

কিভাবে একটি উন্নত গ্রিড লেআউট তৈরি করতে হয়

তৃতীয় প্রজেক্টে, বিষয়টি আরও উন্নত হয়েছে। এই কোর্সের চূড়ান্ত সেকশনের ভিডিও থেকে, আপনি এই প্রজেক্টের জন্য প্রধান গ্রিড লেআউট টিকে প্রস্তুত করবেন।

সম্পর্কিত লিংকসমূহ

একটি ফ্রি ট্রায়াল নিয়ে শিখতে শুরু করুন

আপনি আমাদের মাসিক সাবস্ক্রিপশন থেকে বিনামূল্যে ১০ দিনের ট্রায়াল নিয়ে এই নতুন কোর্সটি সম্পন্ন করতে পারেন। যদি আপনি চালিয়ে যাওয়ার সিদ্ধান্ত নেন, তবে এটার জন্য মাসে মাত্র $15 খরচ হবে, এবং আপনি আমাদের ১০০০ এরও বেশি কোর্সের সম্পূর্ণ লাইব্রেরীটি অ্যাক্সেস করতে সমর্থ হবেন।

এখনও আরো জানতে চান? আমরা CSS অনলাইন শিখতে আপনাকে সাহায্য করার জন্য একটি বিস্তৃত গাইড তৈরি করেছি। আপনি CSS বেসিক অথবা আরও উন্নত সিএসএস এর ব্যবহার যেটাই শিখতে চান না কেন, এখান থেকে অনায়াসে শুরু করতে পারেন। সিএসএস শিখুন: সম্পূর্ণ গাইড কোর্সটি দেখুন।

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.