() translation by (you can also view the original English article)
যদি আপনি একজন সফল ওয়েব ডিজাইনার হতে চান, তাহলে CSS এর উপর সঠিক জ্ঞান থাকা আবশ্যক। আমাদের সৌভাগ্য যে, আপনাকে সাহায্য করার জন্য আমাদের কাছে বেশ কিছু রিসোর্স রয়েছে। CSS এর বেসিক শিখতে অথবা আরও উন্নত কিছু টেকনিক শিখতে এগুলো নিঃসন্দেহে কাজে লাগবে।
এখানে ১৪ টি পরিপূর্ণ কোর্স আছে যেগুলো আপনাকে CSS পজিশনিং এবং টাইপোগ্রাফির ভিত্তি থেকে শুরু করে সুডো এলিমেন্টের ব্যবহার এবং Sass এর উপর দক্ষ করে তুলবে।
১। এখান থেকে শুরু করুন: CSS টাইপোগ্রাফি শিখুন
আপনি যদি ওয়েব ডিজাইনে নতুন হয়ে থাকেন এবং ইতিমধ্যেই CSS শিখতে প্রস্তুত, তাহলে এখান থেকে শুরু করুন।
ওয়েব ডিজাইনের অন্যান্য বিষয় থেকে সর্বাধিক গুরুত্বপূর্ণ স্টাইল হচ্ছে টাইপোগ্রাফি। সাধারনতঃ যেকোনো ওয়েব সাইটই নিখুঁত টাইপোগ্রাফি দিয়ে শুরু করা উচিত এবং বাকি ডিজাইনটি এর উপর ভিত্তি করেই গড়ে উঠবে। এই কারণেই, ডিজাইন প্রক্রিয়ায় প্রথমে টাইপোগ্রাফিক অংশটি ভালভাবে বুঝতে পারা গুরুত্বপূর্ণ, এবং এই কোর্সে Envato Tuts+ এর প্রশিক্ষক কেয ব্র্যাসি আপনাকে এ ব্যপারে প্রশিক্ষণ প্রদান করবেন।
২। এখান থেকে শুরু করুন: CSS লেআউট সম্পর্কে জানুন
এখন আপনি নিশ্চয়ই এই প্রাথমিক কোর্স গুলো থেকে টাইপোগ্রাফির প্রয়োজনীয় বিষয়গুলো সম্পর্কে জেনেছেন, এখন ওয়েব ডিজাইনের ভিত্তি সম্পর্কে জানুন: আর তা হচ্ছে লেআউট।
এই কোর্সে আপনি শিখতে পারবেন কিভাবে ওয়েব ডিজাইনের একেবারে সাধারণ টাইপের লেআউটগুলো তৈরি করতে হয়।
৩। এখান থেকে শুরু করুন: CSS কালার এবং ব্যাকগ্রাউন্ড সম্পর্কে শিখুন
এই প্রাথমিক সিরিজ সম্পন্ন করার মাধ্যমে, সিএসএস কালার এবং ব্যাকগ্রাউণ্ড ব্যবহার করে আপনি আপনার সাইটটিকে কিছুটা জীবন্ত করে তুলতে পারবেন।
এই কোর্সে আপনি ভিজুয়াল কৌশলগুলি সম্পর্কে শিখবেন যা সাইটগুলিকে একটি অপরটির থেকে আলাদা করে দেয় এবং ওয়েব ডিজাইনে বৈশিষ্ট্য মূলক "ডিজাইন" তৈরি করে।
৪। সিএসএস এর ক্লিপিং এবং মাস্কিং
আপনি যদি ফটোশপের মত গ্রাফিক্স অ্যাপ্লিকেশন ব্যবহার করে থাকেন তাহলে ইমেজের ক্লিপিং এবং মাস্কিং এর ধারণার সাথে ইতিমধ্যেই পরিচিত আছেন। এই কফি ব্রেক কোর্সে, আদী পুর্দিলা আপনাকে শিখাবে কিভাবে CSS দিয়ে ক্লিপিং এবং মাস্কিং ব্যবহার করতে হয়।
৫। সিএসএস পজিশনিং সম্পর্কে সম্পূর্ণ নির্দেশিকা
CSS পজিশনিং হল ওয়েব ডিজাইনের একটি মৌলিক দক্ষতা; এটা একটা লেআউটকে শক্তিশালী করে তোলে এবং এমনকি লেআউটের ভিত্তি এবং এর ভিতরের সব কিছুকে শক্তিশালী করে তোলে। তাই, যখন আপনি প্রথম প্রথম শুরু করবেন, তখন এটা আপনার জন্য বেশ চতুর ও ঘোলাটে মনে হতে পারে।
এই কোর্সটি শেষ করার পর, আপনার লেআউটটি কিভাবে প্রস্তুত করতে হবে সে সম্পর্কে সম্যক ধারণা পাবেন। কেইয ব্র্যাসি আপনাকে চার ধরণের সিএসএস লেআউট পজিশনিং দেখাবে যা সচরাচর সিএসএস-এ ব্যবহার করা হয়, সেই সাথে এইগুলো ব্যবহারের সময় বেশ কিছু অদ্ভুত সমস্যার মোকাবিলা কিভাবে করতে হবে, তাও দেখানো হবে।
৬। ওয়েব ডিজাইনারদের জন্য ৩ টি CSS গ্রিড প্রকল্প
CSS গ্রিড লেআউট হচ্ছে একটি W3C ওয়ার্কিং ড্রাফট যা একটি শক্তিশালী গ্রিড সিস্টেমকে সংজ্ঞায়িত করে। ফলে CSS ব্যবহার করে আপনার কাছে ওয়েবপেইজের লেআউট তৈরি করা সহজ মনে হবে।
এই কোর্সে, আপনি "গ্রিড" দিয়ে কি করা সম্ভব তা বুঝার জন্য তিনটি প্রকল্প তৈরি করবেন। প্রথমটি শিখন স্তরের যা আপনাকে গ্রিডের ধারণার সাথে পরিচয় করিয়ে দেবে। দ্বিতীয় টি আরো এক ধাপ এগিয়ে, এখানে শ্রেণীবিন্যাস (alignment) এবং নির্মাণশৈলীর (nesting) মত বিষয়গুলো পরীক্ষা করা হবে। গ্রিডের সাথে Flexbox- এর সমন্বিত ব্যবহার চূড়ান্ত প্রকল্পটিকে আরও উন্নত করে তুলেছে। ক্রেইগ ক্যাম্পবেলের সাথে এই তিনটি প্রজেক্ট শেষ করলে আপনি প্রাথমিক গ্রিড ব্যবহারকারী থেকে অভিজ্ঞ গ্রিড ব্যবহারকারীতে পরিণত হবেন।
৭। ওয়েব ডিজাইনারদের জন্য প্রয়োজনীয় CSS লাইব্রেরি
এই কোর্সে, আদী পুর্দিলা আপনাকে ওয়েব ডিজাইনারদের জন্য দশটি অপরিহার্য CSS লাইব্রেরি কিভাবে ব্যবহার করতে হয় তা শিখাবে। আপনি রিসেট, অ্যানিমেশন, রূপান্তর এবং টাইপোগ্রাফি-সংক্রান্ত লাইব্রেরির বিষয়ে শিখবেন। আপনি আপনার প্রকল্পের পরিচালনা করতে বাওয়ারের ব্যবহার শিখবেন, ফলে, সবকিছুই সহজে হালনাগাদ এবং রক্ষণাবেক্ষণ করা সম্ভব হবে।
৮। ভবিষ্যতের সিএসএস
CSS ক্রমাগত বিকশিত হচ্ছে। এই কোর্সে, ক্রেইগ ক্যাম্পবেল আপনাকে বর্তমানে সর্বাধিক প্রচলিত ও আধুনিক বেশ কিছু সিএসএস ফিচার দেখাবে, যেগুলো ব্যবহার করে আপনি এই ক্ষেত্রে অগ্রসর হতে পারবেন।
এখানে তুলে ধরা বেশ কিছু ফিচার হয়তোবা নিকট ভবিষ্যতেই বিখ্যাত হয়ে উঠবে এবং মূলধারার সাথে মিশে যাবে, আর বাকিগুলো হয়তোবা অস্পষ্ট ও বিস্মৃত হয়ে যাবে। যাই হোক, ভবিষ্যতে কোন সিএসএস সিলেক্টর, লেআউট মডিউল এবং ফিল্টারগুলো বিবেচনা করা হবে তা বুঝতে পারলে আপনি একজন শক্তিশালী ফ্রণ্ট-এণ্ড ডেভেলপার হয়ে উঠবেন।
৯। “postcss-ant” দিয়ে গ্রিড এবং লেআউট ট্রিক্স
এই কোর্সে আপনি শিখতে পারবেন, কিভাবে শক্তিশালী, পরিচ্ছন্ন এবং ঝামেলামুক্ত গ্রিড সিস্টেম postcss-ant ব্যবহার করতে হয়। এটা Jeet এবং Lost গ্রিড সিস্টেমের জন্য বিখ্যাত কোরি সাইমন্স তৈরি করেছেন।
অসাধারন পোস্ট সিএসএস সিস্টেম হওয়ার কারনে , postcss-ant দিয়ে আপনি অনেক মসৃণ ও সহজভাবে লেআউট পরিচালনা করতে পারবেন, এমনকি ভ্যানিলা সিএসএস অথবা আপনার পছন্দসই প্রি-প্রসেসর ব্যবহার করে একেবারে সহজ ডিজাইন থেকে শুরু করে জটিল ডিজাইন পর্যন্ত তৈরি করতে পারবেন। কেয ব্র্যাসি আপনাকে এই কোর্সের মাধ্যমে এ বিষয়ে দক্ষ ও অভিজ্ঞ করে তুলবে।
১০। সিএসএস ছদ্ম-উপাদানের অনুসন্ধান
পৃষ্ঠায়, ছদ্ম-উপাদান সিএসএসের একটি উপকারী উপসেট ছাড়া আর কিছুই নয়। ক্রেইগ ক্যাম্পবেলের সাথে এই সংক্ষিপ্ত কোর্সে, আপনি আবিষ্কার করবেন যে ছদ্ম-উপাদানের দক্ষতাগুলি আপনাকে আপনার নকশাগুলি পরবর্তী স্তরে নিতে সাহায্য করতে পারে।
১১। প্রাক্টিকাল ওয়েব অ্যানিমেশন
অ্যানিমেশনে পূর্ণ ওয়েবসাইট আজকাল জনপ্রিয় না হলেও ছোট্ট আকর্ষণীয় কিছু অ্যানিমেশন কিন্তু এখনও জনপ্রিয়। এ ধরনের অ্যানিমেশন ব্যবহারকারীকে কোন ইন্টারফেস ব্যবহার করতে যাহায্য করে। এই কোর্সে ক্রেইগ ক্যাম্পবেল আপনাকে দেখাবে কিভাবে সিএসএস এবং জেকুয়েরি ব্যবহার করে বাটন, প্রাইসিং টেবিল, এবং অন্যান্য ওয়েব এলিমেন্টসগুলোতে অ্যানিমেশন তৈরি করতে হয়।
১২। স্টাইলাস দিয়ে হয়ে উঠুন সিএসএস সুপারহিরো
স্টাইলাস হচ্ছে তিনটি প্রধান সিএসএস প্রি-প্রসেসরের মধ্যে অন্যতম, যা সিএসএসকে Sass এবং LESS এর ব্যবহারে আগের তুলনায় বেশ সহজ এবং শক্তিশালী করে তুলে। স্টাইলাস সিএসএস সুপারহিরো হয়ে উঠলে আপনি বুলেটের চেয়ে দ্রুত গতিতে কোড লিখতে সমর্থ হবেন, লোকোমোটিভের চেয়েও শক্তিশালী লেআউট ফাংশনালিটি তৈরি করতে পারবেন। এবং এককভাবে সম্পূর্ণ কালার স্কিম নিয়ন্ত্রন করতে সমর্থ হবেন। কেয ব্র্যাসির এই কোর্সে যোগ দিন এবং আপনার সুপারহিরো হয়ে উঠার ট্রেনিং শুরু করুন!
১৩। ওয়েব ডিজাইনারদের জন্য ৬টি ফ্লেক্সবক্স প্রকল্প
সিএসএস ফ্লেক্সবক্স মডেলটি এখন বহুলভাবে ব্যবহার করা হচ্ছে এবং এখন এগুলো প্রায় সমস্ত প্রধান ব্রাউজারে সমর্থিত। এই কোর্সটি ক্রেইগ ক্যাম্পবেল তার সিএসএস: ফ্রেক্সবক্স এশেনশিয়াল কোর্সের উপর ভিত্তি করে তৈরি করেছেন যেখানে প্রতিদিন ব্যবহারের জন্য ছয়টি প্র্যাক্টিকাল সিএসএস প্রকল্প দেখানো হয়েছে।
১৪। ১৪ দিনে Sass শিখুন
আদি পুর্দিলার এই কোর্সে, আপনি ১৪ দিনের মধ্যে Sass এর মূলসূত্রগুলো শিখতে পারবেন। প্রতিদিন আপনি নতুন কিছু না কিছু শিখবেন, এবং ছোট ছোট অনুশীলনের মাধ্যমে এ সম্পর্কে আপনার জ্ঞান আরও মজবুত করতে পারবেন।
এই কোর্সটি নবীনদের জন্য, তাই Sass এর ব্যপারে আপনার আগের কোনও অভিজ্ঞতার দরকার নেই, কিন্তু সিএসএস সম্পর্কে অভিজ্ঞ হতে হবে যেহেতু, Sass হচ্ছে সিএসএসের একটি এক্সটেনশন।
বিনামূল্যে ট্রায়ালের মাধ্যমে শিখতে শুরু করুন
আপনি চাইলে আমাদের মাসিক সাবস্ক্রিপশন থেকে ১০ দিনের ফ্রি ট্রায়াল নিয়ে এই সবগুলো কোর্সসহ আরও কিছু কোর্স বিনামূল্যে সম্পন্ন করতে পারবেন। তাই দেরী না করে আজই শুরু করুন, এবং প্রয়োজনীয় সিএসএস দক্ষতা অর্জন করুন, যা আপনাকে আরও ভালো ওয়েব ডিজাইনার হিসেবে গড়ে তুলবে।
