بازی های وب با جاوا اسکریپت - 5 بازی سرگرم کننده کلمه خود را بسازید [ویدئو]

Web Games with JavaScript - Create Your Own 5 Fun Word Games [Video]

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: این یک دوره کاملاً عملی برای یادگیری نحوه ساخت بازی های آنلاین با استفاده از جاوا اسکریپت است. ابتدا، شما یاد خواهید گرفت که یک بازی تقلب کلمات ایجاد کنید که در آن کاربر باید کلمه درهم شده را با حداقل حدس های اشتباه حل کند. در اینجا، نحوه بارگیری لیست کلمات پویا برای ایجاد یک تجربه تعاملی را یاد خواهید گرفت. سپس یاد خواهید گرفت که یک بازی رمزگشایی کلمه ایجاد کنید که در آن کاربر باید یک عبارت را با استفاده از کدهای اعداد حل کند. در اینجا، یاد خواهید گرفت که چگونه هر حرف را با یک عدد مرتبط کنید و کلمات و عبارات را به صورت پویا بارگذاری کنید. بازی سوم شما یک بازی جلاد خواهد بود که در آن کاربر باید عبارات پنهان را با کلیک کردن روی حروف موجود حدس بزند. در اینجا، از شرایط جاوا اسکریپت برای بررسی حدس های انجام شده توسط کاربر استفاده خواهید کرد. در مرحله بعد، شما یاد خواهید گرفت که یک بازی جستجوی کلمه بسازید تا بفهمید چگونه یک جستجوی کلمه کاملاً کاربردی ایجاد کنید که شبکه پویا را به طور خودکار با بیشترین تعداد کلمات ممکن پر کند. در نهایت، آخرین بازی خود را خواهید ساخت، یک بازی مسابقه ساده که به صورت پویا با جاوا اسکریپت تولید می شود و همه عناصر و تعاملات Document Object Model (DOM) را بسته به داده های JSON ایجاد می کند. در پایان این دوره، مهارت و اعتماد به نفس لازم برای ساخت بازی های وب خود را در جاوا اسکریپت خواهید داشت. تمام منابع و فایل های کد دوره در اینجا قرار داده شده است: https://github.com/PacktPublishing/Web-Games-with-JavaScript---Create-your-own-5-Fun-Word-Games نحوه تنظیم را بیاموزید. تخته بازی را آماده کنید یک بازی پویا و انعطاف پذیر برای بازی ایجاد کنید از روش های آرایه مانند نقشه برای کوتاه کردن کد استفاده کنید تکنیک هایی را برای افزودن و به روز رسانی امتیاز بازیکن کشف کنید عناصر پخش کننده تعاملی را با عناصر جاوا اسکریپت Document Object Model (DOM) ایجاد کنید تست و اشکال زدایی بازی ها این دوره برای طراحان بازی، توسعه دهندگان بازی، برنامه نویسان جاوا، کدنویسان است که می خواهند یاد بگیرند که چگونه بازی های تحت وب در جاوا اسکریپت بسازند. برای شروع این دوره به درک اولیه HTML، CSS و جاوا اسکریپت نیاز است. با مفاهیم جاوا اسکریپت آشنا شوید * عناصر طراحی بازی مورد نیاز برای ایجاد یک بازی کاملاً کاربردی را بیاموزید * برای ایجاد پنج بازی وب تعاملی با استفاده از جاوا اسکریپت آماده شوید.

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

معرفی بازی کلمات Word Game Introduction

  • مقدمه ای بر بازی Word Scramble از ابتدا Introduction to the Word Scramble Game from Scratch

ایجاد یک بازی Word Scramble با استفاده از جاوا اسکریپت Creating a Word Scramble Game Using JavaScript

  • مقدمه ای بر بازی Word Scramble از ابتدا Introduction to the Word Scramble Game from Scratch

  • راه اندازی و آماده سازی محیط بازی خود با استفاده از HTML و شیوه نامه آبشاری (CSS) Setting up and Preparing your Game Environment Using HTML and Cascading Style Sheets (CSS)

  • تنظیم ارزش های بازی Setting up Game Values

  • اضافه کردن و راه اندازی بازی Word Adding and Setting up the Word Game

  • درهم آمیختن حروف با مقادیر آرایه تصادفی جاوا اسکریپت Scrambling Letters with JavaScript Random Array values

  • به روز رسانی و افزودن محتوا به صفحات وب Updating and Adding Content to Web Pages

  • شمارش حروف در یک رشته با شمارنده حروف جاوا اسکریپت Counting Letters in a String with JavaScript Letter Counter

  • اضافه کردن امتیاز و گیم پلی به بازی خود با جاوا اسکریپت Adding Scoring and Gameplay to your Game with JavaScript

  • ترفندهای بازی Final Scrambler Final Scrambler Game Tweaks

  • نقد و بررسی بازی Scramble Letters Reviewing the Scramble Letters Game

  • افزودن لیست کلمات پویا از Google Sheets به بازی شما Adding a Dynamic Word List from Google Sheets to your Game

  • انتخاب فهرست های چند کلمه ای از محتوای پویا Selecting Multiple Word Lists from Dynamic Content

  • لیست رفع اشکالات بازی. Gameplay Bug Fixes List.

کشف کلمات مخفی با استفاده از مقادیر عدد جاوا اسکریپت Uncovering the Secret Words Using JavaScript Number Values

  • مقدمه ای بر بازی رمزگشای اعداد Secret Words با استفاده از جاوا اسکریپت Introduction to the Secret Words Number Decoder Game Using JavaScript

  • راه اندازی صفحه بازی Setting up a Game Board

  • ایجاد تعامل برای بازیکن Creating Interaction for the Player

  • تنظیم گیم پلی و تنظیم مقادیر کد شده Setting up Gameplay and Setting Coded Values

  • ارائه کد خروجی پیام های پخش کننده Providing the Player Messages Output Code

  • استفاده از روش های آرایه Using Array Methods

  • ساخت رمزگشای ورد جاوا اسکریپت Making a JavaScript Word Decoder

  • راه اندازی و راه اندازی تنظیمات بازی Setting up and Starting the Game Setup

  • جریان بازی Game Flow

  • ایجاد ورودی های تعامل با بازیکن Creating Player Interaction Inputs

  • تنظیم و بهینه سازی بازی Adjusting and Tweaking the Game

  • راه اندازی بازی Winner Setting up the Winner Game

  • اشکال زدایی و افزودن ترفندها و بهبودهای بازی نهایی Debugging and Adding Final Game Tweaks and Improvements

  • نتیجه گیری از بازی عدد به حروف Conclusion to Number to Letters Game

  • بررسی کد بازی Reviewing the Code for the Game

بازی حدس زدن کلمه جلاد از ابتدا با استفاده از جاوا اسکریپت Hangman Word Guessing Game from Scratch Using JavaScript

  • مقدمه ای بر بازی جلاد جاوا اسکریپت Introduction to the JavaScript Hangman Game

  • راه اندازی JavaScript Hangman Game Board Setting up JavaScript Hangman Game Board

  • راه‌اندازی محتوای برنامه زمانی که Document Object Model (DOM) رویداد DomContentLoaded را بارگیری می‌کند Launching Application Content when Document Object Model (DOM) loads the DomContentLoaded Event

  • ایجاد یک گیم پلی در جاوا اسکریپت. Creating a Gameplay in JavaScript.

  • ایجاد یک شروع بازی و تنظیم بازی Creating a Game Start and the Game Setup

  • راه اندازی و ساخت بازی Build Player Letters Setting up and Building Game Build Player Letters

  • بررسی حدس صحیح Checking the Correct Guess

  • به روز رسانی عناصر پخش کننده و مقادیر مدل شی سند (DOM). Updating the Player Elements and the Document Object Model (DOM) Values

  • اضافه کردن امتیاز و شرایط امتیاز بازیکن Adding Score and Player Score Conditions

  • تنظیم شرایط برای برنده شدن در بازی Setting Conditions for Winning the Game

  • بررسی کد نهایی Final Code Review

بازی جستجوی کلمات جاوا اسکریپت از ابتدا JavaScript Word Search Game from Scratch

  • ایجاد یک بازی جستجوی کلمه پویا جاوا اسکریپت از ابتدا Creating a Dynamic JavaScript Word Search Game from Scratch

  • راه اندازی صفحه جستجوی کلمات با جاوا اسکریپت Setting up a Word Search Board with JavaScript

  • افزودن عناصر بازی به صفحه با استفاده از روش document.createElement() Adding Game Elements to a Page Using the document.createElement() Method

  • ایجاد ارزش های بازی و راه اندازی شبکه Generating Game Values and Setting up the Grid

  • افزودن کلمات به شبکه برای بازی جستجوی کلمات جاوا اسکریپت Adding Words to the Grid for the JavaScript Word Search Game

  • استفاده از منطق بازی در جاوا اسکریپت برای بررسی حروف موجود Applying Game Logic in JavaScript to Check for Existing Letters

  • افزودن کلمات به صورت عمودی به شبکه جستجوی کلمه Adding Words Vertically to the Word Search Grid

  • پر کردن حروف بازی به صورت خودکار برای پر کردن و ساخت صفحه جستجوی کلمات Filling Game Letters Automatically to Populate and Build the Word Search Board

  • افزودن لیست کلمات پخش کننده برای هدایت بازیکن Adding a Player Word List to Guide the Player

  • بررسی بازی جاوا اسکریپت با تغییرات و تنظیمات بازی JavaScript Game Review with Game Tweaks and Adjustments

  • اضافه کردن تجربه بازیکن Adding Player Experience

  • اعمال شرایط برد Applying Win Conditions

  • بازی جستجوی کلمات جاوا اسکریپت - ترفندهای نهایی بازی JavaScript Word Search Game - Final Game Tweaks

  • بازی جستجوی کلمه نهایی - بررسی کد و توضیحات Final Word Search Game - Code Review and Explanations

ایجاد یک آزمون پویا با داده های JSON جاوا اسکریپت Creating a Dynamic Quiz with JavaScript JSON Data

  • ایجاد داده های پویا برای آزمون جاوا اسکریپت Creating Dynamic Data for the JavaScript Quiz

  • راه‌اندازی فایل‌های آزمون و فایل‌های محیطی توسعه راه‌اندازی منبع HTML Setting up Quiz Files and Source HTML Setup Development Environment Files

  • ایجاد یک فایل داده JSON برای آزمون خود با استفاده از Ajax برای واکشی داده های JSON Creating a JSON Data File for your Quiz Using Ajax to Fetch JSON Data

  • ایجاد سوالات امتحانی در فایل JSON برای بازی امتحانی جاوا اسکریپت Creating Quiz Questions within the JSON file for the JavaScript Quiz Game

  • استفاده از جاوا اسکریپت برای ایجاد و نمایش سوالات به Player Using JavaScript to Generate and Show questions to the Player

  • نمایش سوالات امتحانی با جاوا اسکریپت Showing Quiz Questions with JavaScript

  • اضافه کردن شنوندگان رویداد به بازی Adding Event Listeners to the Game

  • حرکت به سمت سوال بعدی Moving to the Next Question

  • اضافه کردن امتیاز برای بازی مسابقه Adding Scoring for Quiz Game

  • ترفندهای بازی امتحان نهایی Final Quiz Game Tweaks

نمایش نظرات

بازی های وب با جاوا اسکریپت - 5 بازی سرگرم کننده کلمه خود را بسازید [ویدئو]
جزییات دوره
8 h 26 m
64
Packtpub Packtpub
(آخرین آپدیت)
از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Laurence Lars Svekis Laurence Lars Svekis

Laurence Svekis یک برنامه نویس با تجربه وب است. او روی چندین برنامه کاربردی در سطح سازمانی، صدها وب سایت، راه حل های تجاری و بسیاری از برنامه های کاربردی وب منحصر به فرد و نوآورانه کار کرده است. او در HTML، CSS، JavaScript، jQuery، Bootstrap، PHP و MySQL تخصص دارد و همچنین علاقه زیادی به فناوری های وب، توسعه برنامه های کاربردی وب، برنامه نویسی و بازاریابی آنلاین با تمرکز قوی بر رسانه های اجتماعی و SEO دارد. او همیشه مایل است به دانش‌آموزانش کمک کند تا آنچه را که فناوری ارائه می‌دهد تجربه کنند و مشتاق است دانش و تجربیات خود را با جهان به اشتراک بگذارد.

Laurence Lars Svekis Laurence Lars Svekis

Laurence Svekis یک برنامه نویس با تجربه وب است. او روی چندین برنامه کاربردی در سطح سازمانی، صدها وب سایت، راه حل های تجاری و بسیاری از برنامه های کاربردی وب منحصر به فرد و نوآورانه کار کرده است. او در HTML، CSS، JavaScript، jQuery، Bootstrap، PHP و MySQL تخصص دارد و همچنین علاقه زیادی به فناوری های وب، توسعه برنامه های کاربردی وب، برنامه نویسی و بازاریابی آنلاین با تمرکز قوی بر رسانه های اجتماعی و SEO دارد. او همیشه مایل است به دانش‌آموزانش کمک کند تا آنچه را که فناوری ارائه می‌دهد تجربه کنند و مشتاق است دانش و تجربیات خود را با جهان به اشتراک بگذارد.