در این مطلب 10 بازی جالب رو بهتون معرفی میکنم که با استفاده از اونا میتونین چیزایی در مورد توسعه و طراحی وب یاد بگیرید.
10 بازی جالب برای یادگیری توسعه و طراحی وب
Code Combat
Code Combat برای بازی کردن کودکان در مدرسه ساخته شده اما این بازی برای بزرگسالان در همه سن‌ها جذابه. در این بازی شما به طور برنامه ریزی شده کارهای یک قهرمان شجاع رو که از میان صدها زندان عبور می‌کنه، با دشمن‌ها مبارزه می‌کنه و تلاش می‌کنه که سنگ‌های قیمتی رو جمع کنه کنترل می‌کنید. اتمام این بازی چیزی حدود 20 ساعت طول می‌کشه و اغلب مفاهیم برنامه نویسی رو در دل خودش داره.
Hex Invaders
در این نسخه از بازی‌های کلاسیک Hex Invaders، جهان توسط سه بیگانه مورد حمله قرار گرفته که هر کدوم یک رنگ متفاوت دارن. در بالای صفحه یک کد RGB hex نمایش داده میشه که باید سریعا اون رو به رنگ مربوط بهش ترجمه کنید و به سمت مهاجم با همون رنگ شلیک کنید تا بتونید جهان رو نجات بدید. با اینکار رنگها رو بهتر میشناسید.
Flexbox Froggy
بازی Flexbox Froggy به شما در درک بهتر مفهموم flexbox کمک می‌کنه. در این بازی شما باید قورباغه‌های با رنگ مشخص رو به جایگاه اصلی خودشون منتقل کنید. شما باید با استفاده از تکنیک‌های Flexbox این کارها رو انجام بدین و با اینکار کم کم حرفه ای‌تر میشید. آموزش‌های حین بازی به شما می‌گه که از کدوم ویژگی CSS در هر موقعیت استفاده کنید. اما باز هم به شما بستگی داره که چه ترکیبی از مقادیر و ویژگی‌ها رو انتخاب کنه.
Pixactly
Pixactly دارای یک مفهوم بسیار ساده و در عین حال چالش برانگیزه. این بازی به شما دو مقدار پیکسل تصادفی میده، یکی برای عرض و یکی برای طول یک مستطیل. پس از اون بازیکن باید مستطیلی رو که نزدیک به ابعاد داده شده هست رو رسم کنه.
CSS Diner
CSS Diner یک بازی عالی برای یادگیری CSS selector هاست. به بازیکن یک میز که روی اون ظرف هست در قالب انیمیشنی و HTML داده میشه. بعد از اون یک یا چند مورد از چیزهایی که روی میز هست مشخص میشه که بازیکن باید اون‌ها رو انتخاب کنه. مراحل مختلف بازی هر چیزی رو که یه طراح وب باید درباره selectorها بدونه، پوشش میده.
Screeps
شما در بازی Screeps یک مزرعه مورچه دیجیتال دارید که همه مورچه‌ها توسط بازیکن برنامه ریزی میشن. بعد از راه اندازی و تنظیم رفتارمورچه ها، اونا به دنبال کارهایی که برعهدشون هست میرن. به عنوان مثال به دنبال منابع می‌گردن یا حتی با دشمن هایی که مواجه میشن مبارزه می‌کنن. میتویند این بازی رو در حالت آفلاین هم انجام بدید.
CodingGame
CodingGame مجموعه ای عظیم از بازی هاست که همه اونا می‌تونن در زبانهای JavaScript، Ruby، Go، Python و بسیاری از زبانهای برنامه نویسی دیگه بازی بشن. این پلت فرم شامل بازی‌های مختلف از جمله پازل، چند نفره و بازی‌های بر پایه هوش مصنوعی هست. کد این بازی‌ها در یک IDE پیشرفته با پشتیبانی Emacs و Vim نوشته شده.
Flexbox Defense
Flexbox Defense یک بازی کلاسیک Tower defense هست که شما باید با استفاده از برجها و تله‌ها اجازه ندید که دشمنان به انتهای مسیر برسند. در اینجا با استفاده از Flexbox میتونین جای برجها و تله‌ها رو مشخص کنید. این بازی 12 مرحله داره که کم کم سخت میشه. برای اینکه بتونین همه مراحل رو کامل کنید باید از همه ویژگی‌های Flexbox استفاده کنید.
Elevator Saga
Elevator Saga یک بازی پازلی هست که از JavaScript برای کنترل یک آسانسور در یک ساختمان استفاده می‌کنه. تعداد زیادی از مردم در حال بالا و پایین رفتن در این ساختمان هستن. شما باید این افراد رو در اسرع وقت به مقصدشون برسونید. این بازی توانایی شما رو در نوشتن الگوریتم‌ها و دانش شما رو از توابع JS، آرایه‌ها و رویدادها بررسی و تست می‌کنه.
Untrusted
Untrusted یک بازی ماجرایی Javascript هست که شما در اون نقش دکتر Eval رو دارید که در بازی با علامت @ نشون داده میشه و میتونه کدهای دنیای اطراف خودش رو تغییر بده.
امیدوارم از این ابزارها خوشتون اومده باشه و بتونه بهتون کمک کنه.
اولین دیدگاه این پست رو تو بنویس !