اپلیکیشن اندرویدی فلش‌کارت آموزشی ساخت پورتفولیوی سه‌بعدی تعاملی با React و Three.js

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره ساخت پورتفولیوی سه‌بعدی تعاملی با React و Three.js

موضوع کلی: توسعهٔ وب و برنامه‌نویسی

موضوع میانی: توسعه رابط کاربری پیشرفته با فریم‌ورک‌های جاوا اسکریپت

📋 سرفصل‌های دوره

• 1. مقدمه‌ای بر توسعه وب و پورتفولیوی تعاملی
• 2. آشنایی با مفاهیم اصلی React
• 3. نصب و راه‌اندازی محیط توسعه React
• 4. ساختار پروژه‌های React
• 5. کامپوننت‌ها در React: اصول و مبانی
• 6. JSX: نحو و کاربرد در React
• 7. پراپس‌ها (Props) و مدیریت داده در کامپوننت‌ها
• 8. استیت (State) و به‌روزرسانی کامپوننت‌ها
• 9. هوک‌های React: useState و useEffect
• 10. مدیریت رویدادها در React
• 11. لیست‌ها و کلیدها در React
• 12. فرم‌ها در React: مدیریت ورودی‌ها
• 13. استایل‌دهی در React: CSS Modules و Styled Components
• 14. مقدمه‌ای بر Three.js و گرافیک سه‌بعدی
• 15. نصب و راه‌اندازی Three.js
• 16. صحنه (Scene)، دوربین (Camera) و رندر کننده (Renderer) در Three.js
• 17. اشیاء سه‌بعدی: مکعب، کره و سایر اشکال هندسی
• 18. متریال‌ها (Materials) و بافت‌ها (Textures) در Three.js
• 19. نورپردازی در صحنه سه‌بعدی
• 20. انیمیشن در Three.js
• 21. مقدمه‌ای بر Framer Motion
• 22. نصب و راه‌اندازی Framer Motion
• 23. انیمیشن‌های پایه با Framer Motion
• 24. انتقال‌ها (Transitions) در Framer Motion
• 25. حرکت (Motion) و قابلیت‌های آن
• 26. ترکیب React با Three.js
• 27. ساخت یک صحنه سه‌بعدی پایه در React
• 28. اضافه کردن اشیاء سه‌بعدی به صحنه React
• 29. مدیریت تعاملات کاربر با اشیاء سه‌بعدی
• 30. پیاده‌سازی انیمیشن‌های سه‌بعدی با Framer Motion
• 31. ایجاد یک بخش Hero سه‌بعدی
• 32. طراحی مدل‌های سه‌بعدی ساده
• 33. ورود مدل‌های سه‌بعدی به پروژه
• 34. بهینه‌سازی مدل‌های سه‌بعدی
• 35. مدیریت لود شدن مدل‌های سه‌بعدی
• 36. اضافه کردن افکت‌های بصری
• 37. ایجاد بخش معرفی پروژه سه‌بعدی
• 38. طراحی المان‌های رابط کاربری سه‌بعدی
• 39. پیاده‌سازی ناوبری سه‌بعدی
• 40. انیمیشن‌های ورود و خروج بخش‌ها
• 41. مدیریت اسکرول و انیمیشن‌های مرتبط
• 42. ساخت بخش تماس با ما سه‌بعدی
• 43. ایجاد فرم تماس سازگار با سه‌بعدی
• 44. تست و اشکال‌زدایی پروژه
• 45. بهینه‌سازی عملکرد کلی پروژه
• 46. ملاحظات مربوط به دسترسی‌پذیری (Accessibility)
• 47. ساخت پورتفولیوی واکنش‌گرا (Responsive)
• 48. استقرار (Deployment) پروژه
• 49. آشنایی با Git و کنترل نسخه
• 50. اصول اولیه Git: init, add, commit
• 51. مدیریت شاخه‌ها (Branches) در Git
• 52. ادغام شاخه‌ها (Merging)
• 53. رفع تعارضات (Conflicts) در Git
• 54. مقدمه‌ای بر GitHub
• 55. ایجاد مخزن (Repository) در GitHub
• 56. ارسال کد به GitHub
• 57. کشیدن کد از GitHub
• 58. کار با Pull Request
• 59. آشنایی با مفاهیم CI/CD (مقدماتی)
• 60. اصول طراحی تجربه کاربری (UX)
• 61. اصول طراحی رابط کاربری (UI)
• 62. روانشناسی رنگ در طراحی
• 63. تایپوگرافی و انتخاب فونت
• 64. اصول چیدمان (Layout) و ترکیب‌بندی
• 65. طراحی آیکون‌ها و عناصر گرافیکی
• 66. ایجاد وکتورهای گرافیکی
• 67. مقدمه‌ای بر ابزارهای طراحی (مانند Figma)
• 68. کار با لایه‌ها و گروه‌ها در ابزارهای طراحی
• 69. نمونه‌سازی (Prototyping) در ابزارهای طراحی
• 70. اصول بهینه‌سازی تصاویر برای وب
• 71. مقدمه‌ای بر ابزارهای توسعه‌دهنده مرورگر
• 72. بازرسی عناصر DOM
• 73. بررسی مشکلات شبکه (Network)
• 74. استفاده از کنسول برای اشکال‌زدایی
• 75. مدیریت خطاها در JavaScript
• 76. اصول برنامه‌نویسی شیءگرا (OOP) در JavaScript
• 77. مفاهیم توابع و اسکوپ (Scope)
• 78. آشنایی با Asynchronous JavaScript
• 79. Promise ها در JavaScript
• 80. Async/Await در JavaScript
• 81. مقدمه‌ای بر معماری نرم‌افزار
• 82. اصول SOLID (مقدماتی)
• 83. مقدمه‌ای بر تست واحد (Unit Testing)
• 84. ابزارهای تست در JavaScript (مانند Jest)
• 85. نوشتن تست‌های پایه
• 86. اصول امنیت در توسعه وب (مقدماتی)
• 87. جلوگیری از حملات XSS (مقدماتی)
• 88. جلوگیری از حملات CSRF (مقدماتی)
• 89. مدیریت کوکی‌ها و سشن‌ها (مقدماتی)
• 90. اصول بهینه‌سازی سرعت بارگذاری صفحه
• 91. فشرده‌سازی فایل‌ها (JS, CSS)
• 92. استفاده از Lazy Loading
• 93. بهینه‌سازی تصاویر و ویدئوها
• 94. مقدمه‌ای بر Progressive Web Apps (PWA)
• 95. مفاهیم Service Workers
• 96. کار با Cache API
• 97. قابلیت‌های آفلاین در PWA
• 98. جمع‌بندی و گام‌های بعدی در توسعه وب