پروژه جاوا اسکریپت: ساخت بازی Random Card Memory در 2024

در این دوره کامل، شما ساخت یک بازی Random Card Memory (حافظه کارت تصادفی) را، از ابتدا، تنها با استفاده از جاوا اسکریپت، HTML و CSS یاد خواهید گرفت.

آنچه یاد خواهید گرفت:

• یک بازی کارتی تصادفی کاملاً تابعی با استفاده از جاوا اسکریپت خالص، HTML ،JSON و CSS بسازید.
• به الگوریتم Fisher-Yates shuffle برای پخش کردن تصادفی کارت‌ های بازی خود مسلط شوید.
• مکانیک‌ های بازی مانند برگرداندن کارت و منطق تطبیق را ایجاد کنید.
• یاد بگیرید چگونه از تبدیل‌ های سه‌ بعدی مانند ()rotateY برای بهبود افکت های بصری در بازی خود استفاده کنید.
• فرگمنت‌ ها را درک کنید و بیاموزید چگونه آنها را به مدل شی سند (DOM) بیافزایید.
• درک جامعی از جاوا اسکریپت، متغیرها، توابع و مدیریت رویدادها بدست آورید.
• کشف کنید چگونه داده‌ JSON خارجی را برای پاپولیت کردن بازی خود واکشی و استفاده کنید.
• از ترنزیشن ها و تبدیل‌ های CSS برای ارائه بازخورد بصری فوری در طول گیم‌ پلی، به منظور افزایش تعامل کاربر، استفاده کنید.
• در استفاده از API Fetch برای بازیابی و دستکاری داده‌ خارجی، که امکان محتوای پویا در بازی شما را فراهم می‌ کند، مهارت کسب کنید.
• از تکنیک‌ های تصادفی‌ سازی، مانند شافل کردن کارت‌ ها، برای افزودن غیرقابل پیش‌ بینی بودن و هیجان به بازی کارت حافظه خود استفاده کنید.
• عملگرهای تخریب آرایه، عملگرهای سه‌ تایی، عملگرهای کاهش و موارد دیگر را درک کنید.

پیش نیازهای دوره

• درک پایه‌ ای از جاوا اسکریپت، HTML و CSS مفید خواهد بود.
• یک مک یا پی‌ سی، برای اینکه بتوانید همزمان با ما کدنویسی کنید، لازم است.

توضیحات دوره

آنچه خواهید آموخت:

• ساخت بازی از پایه: کتابخانه‌ ها و ماژول‌ ها را فراموش کنید. در این دوره عملی، شما یاد خواهید گرفت که هر جنبه از بازی را تنها با استفاده از HTML ،CSS و جاوا اسکریپت بسازید. با تمرکز بر کد خالص، درک عمیق‌ تری از نحوه همکاری هر کامپوننت برای ایجاد یک تجربه کاربری جذاب کسب خواهید کرد.
• تسلط به تسک های پیچیده: کدنویسی می‌ تواند پیچیده باشد، اما نباید دلهره‌ آور باشد. ما شما را از طریق متدها و تکنیک‌ های مختلف برای مقابله با تسک های پیچیده راهنمایی خواهیم کرد. شما در حل مسئله و تفکر مانند یک توسعه‌ دهنده ماهر خواهید شد و اعتماد به نفس لازم برای مقابله با هر چالش کدنویسی که پیش روی شما قرار می‌ گیرد را بدست خواهید آورد.
• تبدیل های سه‌ بعدی CSS: آماده شوید تا بازیکنان را با افکت های بصری خیره‌ کننده، خیره کنید. ما تبدیل‌ های سه‌ بعدی CSS را برای ایجاد یک اثر چرخش چشم‌ نواز برای کارت‌ های شما بررسی خواهیم کرد. شما جادوی ویژگی preserve-3d را کشف خواهید کرد، که به کارت‌ های شما اجازه می‌ دهد با استایل بچرخند و عمق به بازی شما اضافه کنند.
• تصادفی‌ سازی با الگوریتم فیشر-یتس: می‌ خواهید بازیکنان را همیشه در حالت آماده‌ باش نگه دارید؟ یاد بگیرید چگونه الگوریتم شافل تصادفی فیشر-یتس را برای تصادفی‌ سازی آرایه کارت‌ های خود پیاده‌ سازی کنید. این تکنیک قدرتمند نه تنها گیم‌ پلی را بهبود می‌ بخشد، بلکه شما را با مهارت‌ های قابل اجرا در سناریوهای کدنویسی مختلف مجهز می‌ کند پس به بازی، انتخاب‌ های تصادفی و موارد دیگر فکر می کنید.
• درک JSON: با بررسی JSON (نشانه گذاری شی جاوا اسکریپت)، پتانسیل مدیریت داده را آزاد کنید. شما یاد خواهید گرفت که چگونه به فایل‌ های JSON در کد جاوا اسکریپت خود ارجاع دهید، و مدیریت داده‌ بازی را آسان کنید.
• API Fetch و Async Await: مهارت‌ های جاوا اسکریپت خود را با API Fetch ارتقا دهید. ما هر دو دستور ()then. سنتی و سینتکس مدرن async await را برای واکشی یکپارچه داده، مورد بررسی قرار خواهیم داد.
• پیگیری پیشرفت با کانترها و فلگ ها: هر بازی عالی به بازخورد نیاز دارد. ما کانترها را برای پیگیری پیشرفت بازیکن و نمایش تصاویر شکست هنگام عدم تطابق پیاده‌ سازی خواهیم کرد. این امر کمک می کند وقتی بازیکنان برای رسیدن به موفقیت تلاش می‌ کنند. تجربه‌ ای جذاب‌ تر ایجاد شود.
• جشن پیروزی با کنفتی (کاغذهای رنگی): چه چیزی هیجان‌ انگیزتر از پیروزی می باشد؟ ما یک افکت برنده شدن جذاب اضافه خواهیم کرد که هنگام تکمیل تمام تطابق‌ ها، کاغذ رنگی بر سر بازیکنان می ریزد. این سبک سرگرم‌ کننده، بازی شما را به یاد ماندنی می‌ کند و بازیکنان را تشویق می‌ کند که برای موارد بیشتر بازگردند.

این دوره برای چه کسانی مناسب است؟

• هر توسعه‌ دهنده‌ مشتاقی که مایل به یادگیری نحوه‌ کار با داده‌ و ساخت وب اپلیکیشن های واقعی می باشد.
• هر توسعه‌ دهنده‌ ای که مایل به بهبود مهارت‌ های کدنویسی جاوا اسکریپت، HTML ،CSS و JSON خود می باشد.
• هر کسی که مایل به یادگیری بیشتر در مورد توسعه‌ وب اپلیکیشن می باشد.
• توسعه‌ دهنده‌ ای که مایل به یادگیری نحوه‌ تصادفی‌ سازی واقعی داده‌ برای استفاده در بسیاری از اپلیکیشن ها می باشد.