آموزش پروژه Generative Music Box با استفاده از جاوا اسکریپت [ویدئو]

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

پروژه Generative Music Box Generative Music Box Project

• راهنمای پروژه Guide to the Project

• راهنمای پروژه Guide to the Project

• معرفی Introduction

• معرفی Introduction

• تمرین: به برنامه فکر کنید Exercise: Think about the App

• تمرین: به برنامه فکر کنید Exercise: Think about the App

• نقشه ی بازی The Game Plan

• نقشه ی بازی The Game Plan

بوم The Canvas

• معرفی Introduction

• معرفی Introduction

• کار با بوم Working with the Canvas

• کار با بوم Working with the Canvas

• نمای را ایجاد کنید Create the View

• نمای را ایجاد کنید Create the View

• نحوه رسم دایره روی بوم How to Draw a Circle on the Canvas

• نحوه رسم دایره روی بوم How to Draw a Circle on the Canvas

بوم The Canvas

رسیدگی به کلیک ها Handling Clicks

• معرفی Introduction

• معرفی Introduction

• مدیریت کلیک روی بوم Handle Clicks on the Canvas

• مدیریت کلیک روی بوم Handle Clicks on the Canvas

• Crash Test Handler Click Crash Test the Click Handler

• Crash Test Handler Click Crash Test the Click Handler

• اوه اوه یک اشکال! Uh Oh a Bug!

• اوه اوه یک اشکال! Uh Oh a Bug!

• رفع اشکال Fix the Bug

• رفع اشکال Fix the Bug

رسیدگی به کلیک ها Handling Clicks

منظره The View

• معرفی Introduction

• معرفی Introduction

• طراحی کوچک A Little Design

• طراحی کوچک A Little Design

• دایره ها را روی بوم بکشید Draw the Circles on the Canvas

• دایره ها را روی بوم بکشید Draw the Circles on the Canvas

• تست تصادف دایره ها Crash Test the Circles

• تست تصادف دایره ها Crash Test the Circles

• چگونه دایره ها را متحرک کنیم How to Animate the Circles

• چگونه دایره ها را متحرک کنیم How to Animate the Circles

• تست تصادف انیمیشن Crash Test the Animation

• تست تصادف انیمیشن Crash Test the Animation

• انیمیشن را تکرار کنید Repeat the Animation

• انیمیشن را تکرار کنید Repeat the Animation

• تست تصادف دایره های تکرار شونده Crash Test the Repeating Circles

• تست تصادف دایره های تکرار شونده Crash Test the Repeating Circles

منظره The View

صدا The Audio

• معرفی Introduction

• معرفی Introduction

• پخش صدا با هر دایره Play Audio with Each Circle

• پخش صدا با هر دایره Play Audio with Each Circle

• آزمون نهایی The Final Test

• آزمون نهایی The Final Test

صدا The Audio

موارد اضافی Extras

• امتیاز: برنامه Music Box خود را با جدیدترین جاوا اسکریپت ES6 به روز کنید Bonus: Update Your Music Box App With the latest ES6 JavaScript

• امتیاز: برنامه Music Box خود را با جدیدترین جاوا اسکریپت ES6 به روز کنید Bonus: Update Your Music Box App With the latest ES6 JavaScript

موارد اضافی Extras