یک کپی از Connect-4 بوسیله React و JavaScript بسازید

با ساختن یک کلون بازی کاملاً کاربردی Connect-4 ، پایه های React و JavaScript را بیاموزید.

عنوان اصلی : Build a Connect-4 Clone in React + JavaScript Foundations

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

معرفی به مدل شیء Document (DOM):
دستکاری DOM
توسعه جاوا اسکریپت:
مقدمه
قرار دادن JS
جاوا اسکریپت خارجی
خروجی JavaScript
javascript innerhtml
اظهار نظر جاوا اسکریپت
ثابت جاوا اسکریپت
متغیرهای JavaScript مقدمه
اپراتور واگذاری جاوا اسکریپت
عملیات حسابی JavaScript
عملیات حسابی JavaScript ادامه دارد
اولویت اپراتور JavaScript
انواع داده JavaScript
اشیاء JavaScript
خروجی شی JavaScript
رشته های JavaScript
طول رشته JavaScript
شخصیت های خاص JavaScript
اعداد تصادفی JavaScript
عملکرد Min و Max JavaScript
عملکرد دور ریاضی جاوا اسکریپت
آرایه های جاوا اسکریپت
ویژگی های آرایه JavaScript
آرایه های JavaScript - Pop - Push - Shift - Unshift
عناصر تغییر و حذف جاوا اسکریپت
جاوا اسکریپت یک آرایه
مرتب سازی یک آرایه JavaScript
javaScript پیوستن آرایه ها
اظهارات شرطی JavaScript
مقایسه جاوا اسکریپت
بول های جاوا اسکریپت
جاوا اسکریپت برای حلقه ها
جاوا اسکریپت برای حلقه
جاوا اسکریپت در حالی که حلقه ها
javascript do-while حلقه
استراحت جاوا اسکریپت و ادامه
توابع JavaScript
رویدادهای JavaScript
JavaScript Project 1 - BG Changer
پروژه جاوا اسکریپت 2 - گالری عکس
پروژه JavaScript 2 - تکمیل
مقدمه برای واکنش:
ابزارهای مورد نیاز
قلم کد
پروژه واکنش: ساخت یک کلون Connect-4:
نمای کلی پروژه
ابزارهای مورد نیاز
ایجاد صفحه بازی
Circle Game - Onclickevent
غرفه های عبور - تخریب - واکنش کودکان
عبور از آرگومان ها برای کلیک بر روی رویدادها
یک ظاهر طراحی شده درون خطی
مربع به دایره
یک ظاهر طراحی شده جهانی
یک ظاهر طراحی پویا
کلاسهای پویا
رسیدگی به تماسهای برگشتی
با استفاده از قلاب حالت React (دوباره)
به روزرسانی دایره پخش کننده
اولیه کردن صفحه بازی
ویژگی کلید واکنش نشان می دهد
یک ظاهر طراحی شده در صفحه بازی - هدر و پاورقی
محاسبه برنده
نمایش برنده
تعیین شرایط قرعه کشی
واکنش به وقایع چرخه عمر
شروع بازی
پیشنهاد یک حرکت - اجرای پخش کننده کامپیوتر
پخش کننده رایانه هوشمند (AI اساسی)
متغیرهای CSS
ارائه مشروط
مستقر در NetLify
استقرار برای افزایش
خلاصه پروژه