10 بازی جالب برای یادگیری توسعه و طراحی وب

- visibility ۰ mode_comment

در این مطلب 10 بازی جالب رو بهتون معرفی میکنم که با استفاده از اونا میتونین چیزایی در مورد توسعه و طراحی وب یاد بگیرید.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 نوشته شده.

more  بیشتر بخوانید : ترفندهای پیشرفته jQuery (قسمت 41)

Flexbox Defense

Flexbox Defense یک بازی کلاسیک Tower defense هست که شما باید با استفاده از برجها و تله ها اجازه ندید که دشمنان به انتهای مسیر برسند. در اینجا با استفاده از Flexbox میتونین جای برجها و تله ها رو مشخص کنید. این بازی 12 مرحله داره که کم کم سخت میشه. برای اینکه بتونین همه مراحل رو کامل کنید باید از همه ویژگی های Flexbox استفاده کنید.


Elevator Saga

Elevator Saga یک بازی پازلی هست که از JavaScript برای کنترل یک آسانسور در یک ساختمان استفاده می کنه. تعداد زیادی از مردم در حال بالا و پایین رفتن در این ساختمان هستن. شما باید این افراد رو در اسرع وقت به مقصدشون برسونید. این بازی توانایی شما رو در نوشتن الگوریتم ها و دانش شما رو از توابع JS، آرایه ها و رویدادها بررسی و تست می کنه.


Untrusted

Untrusted یک بازی ماجرایی Javascript هست که شما در اون نقش دکتر Eval رو دارید که در بازی با علامت @ نشون داده میشه و میتونه کدهای دنیای اطراف خودش رو تغییر بده.

امیدوارم از این ابزارها خوشتون اومده باشه و بتونه بهتون کمک کنه.

Source

comment دیدگاه کاربران

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.