آموزش بازی HTML جاوا اسکریپت از Scratch Blackjack

سرفصل ها و درس ها

مقدمه ای بر ساخت یک بازی مبتنی بر وب Introduction to building a web based game

• معرفی بازی جاوا اسکریپت JavaScript game introduction

• منابع دوره Course Resources

• جاوا اسکریپت ایجاد اعداد تصادفی JavaScript Creating Random Numbers

• ایجاد یک دسته از کارت های جاوا اسکریپت Creating a deck of Cards JavaScript

• حلقه های کد منبع و تصادفی Source Code loops and random

• خروجی کاراکترهای خاص جاوا اسکریپت HTML CSS Output special Characters JavaScript HTML CSS

• افزودن رنگ به کاراکترها اپراتور سه تایی جاوا اسکریپت Adding Color to Characters ternary operator JavaScript

• کد منبع Source Code

• نحوه تولید یک مقدار کارت تصادفی با استفاده از جاوا اسکریپت How to generate a random card value using JavaScript

• کد منبع برای مقادیر تصادفی کارت Source Code for random card values

ایجاد بازی Creating the game

• ایجاد یک بازی جاوا اسکریپت را شروع کنید Creating a game Start JavaScript

• جاوا اسکریپت ترتیب تصادفی آرایه را به هم بزنید Shuffle Array values random order JavaScript

• حلقه جاوا اسکریپت پخش کننده و فروشنده راه اندازی کارت را معامله کنید Deal the cards setup player and dealer JavaScript Loop

• فروشنده خروجی و بازیکنان دست کارت جاوا اسکریپت Output Dealer and Players Hand of cards JavaScript

• کد منبع کارت ها را ارائه می دهد Source Code deal out cards

• قالب برای CSS کارت Template for a Card CSS

• استفاده از CSS برای ایجاد کارت بازی Using CSS to create a playing card

• کارت های استایل را در CSS جاوا اسکریپت گیم پلی خارج کنید Output Styled Cards into Gameplay JavaScript CSS

• کارت های مدل دار خروجی کد منبع Source Code output styled cards

• کارت فروشنده جلد جاوا اسکریپت CSS CSS JavaScript Cover Dealer Card

• اضافه کردن عناصر گیم پلی HTML Adding gameplay elements HTML

• اعمال Styling CSS روی دکمه ها و به روز رسانی عناصر بازی Applying Styling CSS to buttons and updating game elements

• پنهان کردن دکمه های شروع بازی جاوا اسکریپت Hide buttons start game JavaScript

• کد منبع Source Code

• گزینه های بعدی را برای پخش کننده جاوا اسکریپت ایجاد کنید Create next options for player JavaScript

• عملکردهای پخش کننده جاوا اسکریپت Player actions JavaScript

• ایجاد ارزش های بازیکن و تعاملات جاوا اسکریپت Create player values and interactions JavaScript

• Dealer Logic جاوا اسکریپت بازی را انجام می دهد Dealer Logic JavaScript play the game

• مقادیر بلک جک و محاسبات جاوا اسکریپت Blackjack values and calculations JavaScript

• تعیین کنید چه کسی برنده جاوا اسکریپت است Determine who won adjust values JavaScript

• نمونه اولیه کد منبع کار Working prototype source code

بهینه سازی کد و تنظیم دقیق جاوا اسکریپت HTML CSS Code Tweaks and fine tuning JavaScript HTML CSS

• تنظیمات بازی و ترفند جاوا اسکریپت Gameplay adjustments and tweaks JavaScript

• استایل کاربر و طراحی داشبورد CSS HTML User styling and dashboard design CSS HTML

• تنظیم جاوا اسکریپت رویداد کلیک Setting click event JavaScript

• حداقل حداکثر برای مقادیر فیلد ورودی رویداد onchange جاوا اسکریپت را محدود کنید Limit min max for input field values JavaScript onchange event

• اصلاح دکمه نیشگون گرفتن و کشیدن دوبار جاوا اسکریپت Fix button tweak double JavaScript

• تست و ترفندهایی برای اشکال زدایی برنامه جاوا اسکریپت Testing and tweaks to debug application JavaScript

• تست نهایی گیم پلی بازی Final test run through of gameplay

بررسی و کاوش کد منبع Source Code review and exploration

• دستورالعمل بازی و طرح کلی بازی Game instructions and game play outline

• ترفندهای نهایی کد منبع جاوا اسکریپت را پاک کنید Clean up source code final tweaks JavaScript

• کد منبع HTML index.html HTML source Code index.html

• کد بررسی CSS CSS review code

• کد منبع CSS style.css CSS Source Code style.css

• بررسی کد جاوا اسکریپت قسمت 1 JavaScript code review part 1

• بررسی کد جاوا اسکریپت قسمت 2 JavaScript Code review part 2

• کد منبع جاوا اسکریپت JavaScript Source Code

بخش پاداش Bonus Section

• سخنرانی پاداش Bonus Lecture

• نمونه پاسخ به تماس جاوا اسکریپت JavaScript Callback Example

• نمونه کدگذاری سریال سازی و سریال زدایی جاوا اسکریپت JavaScript Serialization and deserialization coding example

• مثال کد منبع سریال سازی و سریال زدایی جاوا اسکریپت JavaScript Serialization and deserialization source code example

• JS شمارش حروف صدادار JS counting vowels

• محو شدن جاوا اسکریپت خالص Pure JavaScript Fade

• گالری تصاویر جاوا اسکریپت JavaScript Image Gallery