فلش‌کارت‌های آموزشی ساخت یک گالری تصاویر با Vite

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

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

عنوان دوره: دوره ساخت یک گالری تصاویر با Vite

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

موضوع میانی: وایت (Vite)

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

• 1. مقدمه‌ای بر توسعه وب با استفاده از جاوااسکریپت
• 2. معرفی فریم‌ورک Vite و مزایای آن
• 3. نصب و پیکربندی Vite
• 4. ساخت پروژه جدید با Vite
• 5. ساختار یک پروژه گالری تصاویر
• 6. HTML و CSS پایه برای گالری
• 7. استفاده از جاوااسکریپت برای دستکاری DOM
• 8. نمایش تصاویر در گالری
• 9. دریافت تصاویر از یک منبع محلی
• 10. دریافت تصاویر از یک API
• 11. مدیریت خطاها در هنگام دریافت تصاویر
• 12. پیش‌بارگذاری تصاویر
• 13. ایجاد یک رابط کاربری برای آپلود تصاویر
• 14. اعتبارسنجی تصاویر آپلود شده
• 15. ذخیره تصاویر آپلود شده در سرور
• 16. نمایش تصاویر آپلود شده در گالری
• 17. ایجاد یک سیستم ناوبری برای گالری
• 18. نمایش تصاویر به صورت اسلایدشو
• 19. ایجاد یک سیستم برای لایک کردن تصاویر
• 20. ذخیره لایک‌ها در Local Storage
• 21. استفاده از کتابخانه‌های مدیریت تصاویر
• 22. بهینه‌سازی تصاویر برای وب
• 23. استفاده از Lazy Loading برای تصاویر
• 24. ایجاد یک سیستم جستجو در گالری
• 25. استفاده از تگ‌های Alt برای تصاویر
• 26. بهبود سئو گالری
• 27. استفاده از Responsive Design برای گالری
• 28. سازگاری گالری با مرورگرهای مختلف
• 29. تست و اشکال‌زدایی گالری
• 30. استفاده از ابزارهای توسعه مرورگر
• 31. استفاده از Git برای مدیریت کد
• 32. استفاده از یک سیستم کنترل نسخه
• 33. استفاده از Webpack برای Bundle کردن کد
• 34. استفاده از Babel برای Transpile کردن کد
• 35. استفاده از ES Modules
• 36. استفاده از Async/Await برای مدیریت عملیات ناهمزمان
• 37. استفاده از Promises
• 38. استفاده از Fetch API
• 39. استفاده از Axios
• 40. استفاده از Event Delegation
• 41. استفاده از Closures
• 42. استفاده از Prototypes
• 43. استفاده از Classes
• 44. استفاده از Modules
• 45. استفاده از Web Components
• 46. استفاده از Shadow DOM
• 47. استفاده از Virtual DOM
• 48. استفاده از Reactivity
• 49. استفاده از State Management
• 50. استفاده از Router
• 51. استفاده از Redux
• 52. استفاده از Vuex
• 53. استفاده از Pinia
• 54. استفاده از TypeScript
• 55. استفاده از Webpack Dev Server
• 56. استفاده از Hot Module Replacement
• 57. استفاده از Code Splitting
• 58. استفاده از Lazy Loading
• 59. استفاده از Caching
• 60. استفاده از Service Workers
• 61. استفاده از Web Push Notifications
• 62. استفاده از Google Analytics
• 63. استفاده از SEO Tools
• 64. استفاده از Lighthouse
• 65. استفاده از PageSpeed Insights
• 66. استفاده از Web Accessibility Guidelines
• 67. استفاده از ARIA Attributes
• 68. استفاده از Semantic HTML
• 69. استفاده از Microinteractions
• 70. استفاده از Animations
• 71. استفاده از Transitions
• 72. استفاده از CSS Variables
• 73. استفاده از Preprocessors (Sass, Less)
• 74. استفاده از PostCSS
• 75. استفاده از CSS Modules
• 76. استفاده از Styled Components
• 77. استفاده از Tailwind CSS
• 78. استفاده از Material UI
• 79. استفاده از Bootstrap
• 80. استفاده از Ant Design
• 81. استفاده از Semantic UI
• 82. استفاده از Bulma
• 83. استفاده از Foundation
• 84. استفاده از jQuery
• 85. استفاده از Underscore.js
• 86. استفاده از Lodash
• 87. استفاده از Moment.js
• 88. استفاده از Date-fns
• 89. استفاده از Chart.js
• 90. استفاده از D3.js
• 91. استفاده از Three.js
• 92. استفاده از Babylon.js
• 93. استفاده از PixiJS
• 94. استفاده از Phaser
• 95. استفاده از Unity
• 96. استفاده از Unreal Engine
• 97. استفاده از Docker
• 98. استفاده از Kubernetes
• 99. استفاده از CI/CD
• 100. استفاده از Jenkins