CSS সিএসএস শেখার কিছু মজার গেমস

টিউন বিভাগ প্রোগ্রামিং
প্রকাশিত
জোসস করেছেন

সিএসএস শেখা বেশ চ্যালেঞ্জ হতে পারে। কোন শর্টকাট নেই, এবং আপনাকে আপনার হাত নোংরা করতে হবে এবং CSS এর জাদুকরী জগতে ডুব দিতে হবে।

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

 

১. ফ্লেক্সবক্স ফ্ৰোগী 

ফ্লেক্সবক্স ফ্রজি ছিল প্রথম CSS-সমাধানকারী গেমগুলির মধ্যে একটি যা আমি খেলেছি এবং আমি এটি এখনো অনেক পছন্দ করি। বোর্ড জুড়ে ফ্লেক্সবক্স পজিশন শেখার এটি একটি সুপার মজার উপায়। সঠিক জায়গায় ব্যাঙ/ফ্রগ  বসাতে আপনি CSS ফ্লেক্স ব্যবহার করেন এই গেমটি তে। এটির ২৪টি লেভেল রয়েছে এবং আপনি দ্রুত ফলাফল দেখতে পারেন।

২. Flexbox defense

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

৩. Knights of the Flexbox Table

আপনি যদি টেইলউইন্ড সিএসএস  ফ্রেমওয়ার্ক পছন্দ করেন তবে এটি আপনার জন্য অসাধাধারণ! এটি আপনাকে ফ্লেক্স অপশন গুলো শেখানোর জন্য টেলউইন্ড ক্লাস ব্যবহার করতে শিখাবে। গেমটি তে মোট ১৮টি লেভেল রয়েছে যা আপনি শেষ  করতে পারেন।

৪. Flex Box adventure

এটি হলো এমন আরেকটি গেম যা অনেকটা ফ্লেক্সবক্স ফ্রগির মতো, কিন্তু একটি ভিন্ন সেটআপ সহ। এটিতে আরও কিছু চ্যালেঞ্জ এবং ইঙ্গিত রয়েছে যা থেকে আপনি অনেক কিছু শিখতে পারেন। এটিতে মোট ২৪টি লেভেল রয়েছে যা আপনি শেষ করতে পারেন।

৫. Flexbox zombies(http://mastery.games/flexboxzombies)

এই গেমটি গ্রাফিক্সে খুবই ভাল সেট আপ করা হয়েছে! গল্পের ছন্দ কতটা চমৎকার তা দেখে আমি আসলেই বিস্মিত। এটিতে ১২টি ধাপ রয়েছে, যার প্রতিটিতে ২৫টি লেভেল রয়েছে। এটি খেলতে সাধারণত কিছু অর্থ খরচ হয়, তবে এটি চিরতরে বিনামূল্যে বলে মনে হয়। আর তাছাড়া আপনার অর্থ ও বিফলে যাবে না।

৬. গ্রিড গার্ডেন (https://cssgridgarden.com/)

গ্রিড গার্ডেন হলো এমন একটি গেম যেইখানে  সিএসএস গ্রিড শেখার একটি সুপার মজার উপায়। এই গেম এ সমস্ত গাজর যেন জল পায় তা নিশ্চিত করতে আপনাকে গ্রিড লেআউট ব্যবহার করতে হবে। প্রচুর CSS গ্রিড অপশন অনুশীলন করার জন্য এটির সর্বমোট ২৮টি লেভেল রয়েছে!

৭. Grid attack (https://codingfantasy.com/games/css-grid-attack/play)

এই গেমটি ফ্লেক্সবক্স অ্যাডভেঞ্চারের মতো একই ক্রিয়েটর এর দ্বারা এবং অন্যান্য গেমের মতোই দুর্দান্তভাবে কার্যকর করা হয়েছে! এই গেম এ আপনাকে জমি পরিবর্তন করতে CSS গ্রিড ব্যবহার করতে হবে যাতে রাক্ষসরা বাঁচতে না পারে। এটি ৮0টি লেভেল এর সাথে আসে, যা আপনাকে একটি দুর্দান্ত মজার উপায়ে CSS গ্রিড শিখতে অনেকগুলি অপশন এবং সময় দেয়।

৭. CSS Diner (https://flukeout.github.io/)

এই খেলা আসলে সত্যিই আকর্ষণীয়! এটি সিএসএস সিলেক্টর এবং কিছু আধুনিক সিলেক্টর সম্পর্কে জানার একটি খেলা। গেমটিতে ৩২টি লেভেল রয়েছে  এবং বিনোদনমূলক অ্যানিমেশন রয়েছে যা আপনার কোন সিলেক্টর কে লক্ষ্য করা উচিত তা প্রদর্শন করতে।

Level 0

আমি তনয় পাল। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 2 বছর 4 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 2 টি টিউন ও 0 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস