در این دوره با ری اکت و SocketIO اپلیکیشن وایت بورد تعاملی ایجاد می کنید و با نحوه ایجاد، جابجایی و تغییر اندازه عناصر در Canvas آشنا می شوید.

آنچه یاد خواهید گرفت

• ایجاد وایت بورد تعاملی
• نمایش داده روی Canvas
• یادگیری درباره HTML Canvas
• تغییر اندازه عنصر روی Canvas
• حرکت عناصر روی Canvas
• اشتراک گذاری اقدامات خود با سایر کاربران به لطف SocketIO
• ایجاد قابلیت اشتراک گذاری مکان نما
• مدیریت رویدادهای ماوس
• ایجاد رابط کاربری با ری اکت
• ایجاد اپلیکیشن ری اکت از ابتدا

توضیحات دوره

بیایید یک اپلیکیشن شگفت انگیز - وایت بورد تعاملی - ایجاد کنیم. دوره به صورت عملی طراحی شده است. ما از ابتدا شروع کرده و با اپلیکیشن کامل به پایان می رسانیم. هدف اصلی این دوره بازی با فناوری هایی مانند ری اکت، ریداکس، جاوا اسکریپت، SocketIO و یادگیری نحوه کار با HTML Canvas در ری اکت است. به لطف SocketIO ما برخی از افکت های بلادرنگ را به اپلیکیشن خود اضافه خواهیم کرد. ما اقدامات خود را با سایر کاربران به اشتراک خواهیم گذاشت که تأثیر وایت بورد تعاملی است. در پایان دوره، سیستم ردیابی مکان نماهای همه کاربران متصل را به اپلیکیشن خود اضافه می کنیم.

آنچه در این دوره خواهیم آموخت:

• ایجاد اپلیکیشن ری اکت از ابتدا
• کار با مدیریت State در ریداکس
• افزودن HTML Canvas به اپلیکیشن ری اکت
• مدیریت رویدادهای ماوس برای ایجاد شکل های جدید
• استفاده از هوک ها برای مدیریت state مربوط به Canvas
• ایجاد مستطیل، خطوط، نقاشی های آزاد و متن
• افزودن قابلیت های حرکت و تغییر اندازه عناصر
• ایجاد سرور SocketIO
• بخش آموزشی اضافی از اشتراک گذاری اقدامات ما روی canvas با سایر کاربران
• اشتراک گذاری مکان نما با همه کاربران متصل

این دوره برای چه کسانی مناسب است:

• توسعه دهندگان و دانشجویانی که می خواهند نحوه ایجاد وایت بورد تعاملی را یاد بگیرند.