کانسپت های Canvas – بخش اول
3مختصات در مرورگر – رسم مستطیل به کمک Canvas20:01
4روش دوم رسم مستطیل به کمک Canvas17:35
ساخت بازی Snake Game با Canvas
1بازی Snake – نحوه پیاده سازی00:13:16
2رسم مار به کمک Canvas00:14:44
3کنترل مار با Arrow Keys کاربر00:16:49
4ورود دوباره مار به محیط بازی00:08:56
5قسمت دوم بازی (غذای مار) – نحوه پیاده سازی00:12:19
6قرارگیری غذا برای مار در موقعیت رندوم00:17:31
7خورده شدن غذا توسط مار00:11:05
8اضافه شدن دم با خوردن غذا13:43
9سخن پایانی فصل00:05:09
کانسپت های Canvas – بخش دوم
1رسم 4 ضلعی های تو خالی با Canvas12:24
2Config های Canvas برای شکل rect00:08:06
3چطور به کمک Canvas خط راست رسم کنیم؟ 🤔00:14:00
4کار با path در Canvas00:13:41
ساخت اپ Paint ویندوز با Canvas
2پیاده سازی توابع و Event های لازم برای پروژه00:08:09
3رسم نقاشی طبق رویداد mouseMove00:16:01
4رسم نقطه با کلیک روی برد نقاشی (با mouseDown)6:06
کانسپت های Canvas – بخش سوم
1تو Canvas چطور از عکس استفاده کنیم؟00:09:12
2روش دوم برای ساخت عکس های Canvas00:04:16
3چطور به عکس های Canvas فیلتر اعمال کنیم؟00:04:26
4چطور قسمتی از عکس Canvas رو Crop کنیم؟00:00:00
پروژه جذاب Image Editor با Canvas
1پروژه Image Editor – نحوه پیاده سازی00:05:54
2پیاده سازی Template پروژه00:06:45
3پیاده سازی Eventها و توابع اولیه مورد نیاز00:08:37
4آپلود عکس روی Canvas00:06:59
5پیاده سازی Option های دیفالت عکس00:09:28
6پیاده سازی Filter های مورد نظر کاربر برای عکس00:10:20
کانسپت های Canvas – بخش چهارم
1چطور داخل Canvas از Text استفاده کنیم؟00:11:02
2استفاده از متن های Stroke داخل Canvas00:04:42
3تعیین width برای متن00:03:34
4استفاده از متد measureText در متن های Canvas00:06:28
پروژه Bar Chart (نمودار میله‌ای)
1پروژه Bar Chart – نحوه پیاده سازی00:07:48
2پیاده سازی نمودار به شکل Static00:10:39
3داینامیک سازی چارت00:09:04
4نمایش متن مرتبط با هر میله داخل نمودار00:05:00
5داینامیک کردن چارت در راستای اطلاعات دلخواه کاربر00:08:28
6توسعه قابلیت پاکسازی چارت00:06:33
کانسپت های Canvas – بخش پنجم
1کار با متد rotate در canvas00:13:46
2کار با متد scale در canvas00:09:01
3کار با متد مهم clip در canvas00:07:20
4کار با متد translate برای تغییر مبدا canvas00:07:09
پروژه Page Board شطرنج
1رونمایی از پروژه صفحه شطرنج + نحوه پیاده سازی00:08:36
2پیاده سازی صفحه شطرنج بدون canvas (با Html و Css)00:05:50
3پیاده سازی صفحه شطرنج با canvas – بخش اول00:08:36
4پیاده سازی صفحه شطرنج با canvas – بخش دوم00:04:56
5پیاده سازی صفحه شطرنج با canvas – بخش سوم00:13:37
6پیاده سازی صفحه شطرنج با canvas – بخش چهارم00:08:41
کانسپت های Canvas – بخش پنجم (نمودار دایره‌ای)
2نحوه رسم شکل های دایره‌ای با Canvas00:14:35
3ساخت نمودار دایره‌ای و بازی پینگ پنگ با Canvas (نحوه پیاده سازی)00:11:20
