آموزش توسعه بازی سریع و خشمگین با جاوا اسکریپت و هوش مصنوعی

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

خط شروع The Starting Line

• Let’s Get Ready to Rumble: مقدمه، راه اندازی و نصب Let’s Get Ready to Rumble: Introduction, Setup and Installation

دوره خرابی HTML و CSS HTML and CSS Crash Course

• مقدمه ای بر مبانی وب HTML/CSS و DOM Intro to the Web HTML/CSS Basics and the DOM

• ساخت اولین صفحه وب و استفاده از ویرایشگرهای آنلاین Building our First Web Page and Using Online Editors

• HTML Primer - آشنایی با برچسب های اصلی HTML Primer - Getting to Know the Basic Tags

• افزودن کمی درام با برچسب‌های Style، Div و Span Adding a Bit of Drama with Style, Div, and Span Tags

• تعبیه تصاویر و صداها در HTML Embedding Images and Sounds in HTML

• انجام کارها با دکمه ها و کنترل های ورودی Getting Things Done with Buttons and Input Controls

• کار با فرم ها و معرفی CSS (Cascading Style Sheets) Working with Forms and Introduction to CSS (Cascading Style Sheets)

• بررسی استایل و انیمیشن CSS پیشرفته تر Exploring More Advanced CSS Styling and Animation

JavaScript و Graphics Primer JavaScript and Graphics Primer

• JavaScript Primer++ - آشنایی با انواع، اشیا، متغیرها، ریاضیات و اشکال زدایی JavaScript Primer++ - Getting to Know Types, Objects, Variables, Math and Debug

• تکنیک های اشکال زدایی جاوا اسکریپت و اسکریپت های خارجی JavaScript Debugging Techniques and External Scripts

• کار با انواع پایه قسمت اول - رشته ها، آرایه ها، اعداد و اشیاء ریاضی Working with Basic Types Part I - Strings, Arrays, Number, and Math Objects

• انواع پایه قسمت دوم - رشته ها، آرایه ها، عملیات بیت، اعداد و اشیاء ریاضی Basic Types Part II - Strings, Arrays, Bit Operations, Number and Math Objects

• ریاضیات، آرایه ها و توابع بیشتر - قسمت سوم More Math, Arrays, and Functions - Part III

• آرایه های پیشرفته، توابع و تعامل با DOM Advanced Arrays, Functions, and Interacting with the DOM

• تصمیم گیری با «اگر» - قسمت اول Making Decisions with "if" - Part I

• شرایط پیشرفته و بیانیه سوئیچ - قسمت دوم Advanced Conditionals and the Switch Statement - Part II

• تکرار کد و حلقه زدن با "for" و "while" Repeating Code and Looping with "for" and "while"

• استفاده مجدد از کد با توابع Reusing Code with Functions

• مفاهیم عملکرد پیشرفته - توابع ناشناس، پاسخ به تماس و بازگشت Advanced Function Concepts - Anonymous Functions, Callbacks and Recursion

• معرفی "اشیاء" قسمت اول - و چیزهای دیگری که در شب ضربه می خورند Introducing "Objects" Part I - And Other Things That Go Bump in the Night

• اشیاء قسمت دوم - مفاهیم پیشرفته، روش ها، ویژگی ها و سازندگان Objects Part II - Advanced Concepts, Methods, Properties, and Constructors

• استفاده از APIها و اشیاء از پیش نوشته شده و محک زدن با اشیاء زمان و تاریخ Using Pre-Written APIs and Objects and Benchmarking with Time and Date Objects

• رابط با HTML DOM قسمت اول: مبانی، هندلرها و دستکاری گره Interfacing to the HTML DOM Part I: Fundamentals, Handlers and Node Manipulation

• رابط با HTML DOM قسمت دوم: افزودن عناصر و کنترل‌کننده‌های رویداد بیشتر Interfacing to the HTML DOM Part II: Adding Elements and More Event Handlers

• گرافیک و انیمیشن با بوم قسمت اول: نقاط، خطوط، پیکسل ها، رنگ Graphics and Animation with the Canvas Part I: Points, Lines, Pixels, Color

• گرافیک و انیمیشن قسمت دوم - درک زمینه ها و مسیرهای گرافیکی Graphics and Animation Part II - Understanding Graphics Contexts and Paths

• گرافیک و انیمیشن قسمت سوم - مبانی انیمیشن و مبانی فیزیک Graphics and Animation Part III - Fundamentals of Animation and Basics Physics

• گرافیک و انیمیشن قسمت چهارم - Parallax 3D Star Field و کار با فونت Graphics and Animation Part IV - Parallax 3D Star Field and Working with Fonts

• ارائه Bitmaps و Sprites: درک فرمت های Bitmap و ویرایشگرهای گرافیکی Rendering Bitmaps and Sprites: Understanding Bitmap Formats & Graphical Editors

• Bitmaps و Sprites قسمت دوم - ساخت موتور Sprite، Sprite Sheets و موارد دیگر Bitmaps and Sprites Part II - Building our Sprite Engine, Sprite Sheets and More

• Bitmaps و Sprites قسمت III - اتمام موتور Sprite و انیمیشن پیشرفته Bitmaps and Sprites Part III - Finishing our Sprite Engine & Advanced Animation

• هک کردن صفحه‌کلید - اسپرایت‌های بیشتر، ابزارهای انیمیشن و طرح‌های کنترل کاربر Hacking the Keyboard - More sprites, Animation Tools and User Control Schemes

• هک صفحه کلید قسمت دوم - انیمیشن و جلوه های کاراکتر Sprite پیشرفته Hacking the Keyboard Part II - Advanced Sprite Character Animation and Effects

• رابط با ماوس - خواندن موقعیت، دکمه ها و رویدادهای ماوس Interfacing to the Mouse - Reading the Mouse Position, Buttons and Events

• رابط با ماوس قسمت دوم - انتقال یک بازی سه بعدی "Raiders-3D" با ماوس Interfacing to the Mouse Part II - Porting a 3D Game "Raiders-3D" with Mouse

• پخش Sound FX و Music در جاوا اسکریپت Playing Sound FX and Music in JavaScript

• طراحی و مهندسی صدا - اضافه کردن صدا FX و موسیقی به Raiders 3D Sound Design and Engineering - Adding sound FX and Music to Raiders 3D

استفاده از ChatGPT و سایر هوش مصنوعی های مولد به عنوان دستیاران کدنویسی Using ChatGPT and other Generative AIs as Coding Assistants

• استفاده از ChatGPT و LLM به عنوان دستیار برنامه نویسی - درخواست، تولید کد و نمایش Using ChatGPT & LLMs as Coding Assistants - Prompting, Code Generation and Demos

• نسخه‌های نمایشی بازی‌های تولید شده ChatGPT - پیش‌نمایش آنچه با ChatGPT/AI ممکن است Demos of ChatGPT Generated Games - A Preview of What's Possible with ChatGPT/AI

توسعه بازی با ChatGPT و جاوا اسکریپت Game Development with ChatGPT and JavaScript

• کلاسیک "پنگ" قسمت اول - استفاده از هوش مصنوعی مولد برای کدگذاری نسخه ای از "پنگ" Classic “Pong” Part I - Using Generative AI to Code a Version of "Pong"

• کلاسیک "پنگ" قسمت دوم - اضافه کردن کد، گرافیک، صدا و موسیقی Classic “Pong” Part II - Adding Code, Graphics, Sound and Music

• ساختن «برک آوت» قسمت اول - استفاده از هوش مصنوعی مولد برای کدگذاری نسخه «برک آوت» Building “Breakout” Part I - Using Generative AI to Code a Version of "Breakout”

• Building “Breakout” Part II - اضافه کردن کد، گرافیک، صدا و موسیقی Building “Breakout’”Part II - Adding Code, Graphics, Sound and Music

• ساختن «فلپی برد» قسمت اول - استفاده از هوش مصنوعی مولد برای کدگذاری «فلپی برد» Building “Flappy Bird” Part I - Using Generative AI to Code “Flappy Bird"

• ساختن Flappy Bird قسمت دوم - اضافه کردن کد، گرافیک، صدا و موسیقی Building “Flappy Bird” Part II - Adding Code, Graphics, Sound and Music

• ساختن "Snake" قسمت اول - استفاده از هوش مصنوعی مولد برای کدگذاری نسخه "Snake" Building “Snake” Part I - Using Generative AI to Code a Version of "Snake"

• Building "Snake" Part II - اضافه کردن کد، گرافیک، صدا و موسیقی Building “Snake” Part II - Adding Code, Graphics, Sound and Music

• ساختن "مهاجم فضایی" قسمت اول - استفاده از هوش مصنوعی مولد برای کدگذاری " مهاجمان فضایی" Building "Space Invaders" Part I - Using Generative AI to Code "Space Invaders"

• ساختن "مهاجمین فضایی" قسمت دوم - اضافه کردن کد، گرافیک، صدا و موسیقی Building “Space Invaders” Part II - Adding Code, Graphics, Sound and Music

• ساخت "Blackjack" Part I - استفاده از هوش مصنوعی مولد برای کدگذاری "Blackjack" Building "Blackjack" Part I - Using Generative AI to Code "Blackjack"

• ساخت «بلک جک» قسمت دوم - اضافه کردن کد، گرافیک، صدا و موسیقی Building “Blackjack” Part II - Adding Code, Graphics, Sound and Music

• Retro Rift - Epilog و AI Musings - ChatGPT بازی خود را می سازد Retro Rift - Epilog and AI Musings - ChatGPT Builds its own Game