فلش‌کارت‌های آموزشی توسعه فرانت‌اند با تفکر Mobile-First

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

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

عنوان دوره: دوره توسعه فرانت‌اند با تفکر Mobile-First

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

موضوع میانی: توسعه وب: فرانت‌اند**

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

• 1. مقدمه‌ای بر توسعه فرانت‌اند با رویکرد Mobile-First
• 2. مفاهیم پایه طراحی Mobile-First
• 3. مزایای توسعه Mobile-First
• 4. ابزارهای ضروری برای توسعه فرانت‌اند
• 5. آشنایی با HTML5 و ساختار صفحات وب
• 6. اصول CSS3 و استایل‌دهی پیشرفته
• 7. کاربرد CSS Grid در طراحی Mobile-First
• 8. استفاده از Flexbox برای چیدمان منعطف
• 9. طراحی واکنش‌گرا (Responsive Design) با Media Queries
• 10. بهینه‌سازی تصاویر برای موبایل
• 11. مدیریت فونت‌ها در طراحی Mobile-First
• 12. آشنایی با JavaScript و مفاهیم اولیه
• 13. کاربرد JavaScript در تعاملات کاربری
• 14. مبانی DOM Manipulation
• 15. مدیریت رویدادها در JavaScript
• 16. مفاهیم Asynchronous JavaScript
• 17. کار با API ها در فرانت‌اند
• 18. مقدمه‌ای بر فریم‌ورک‌های مدرن جاوااسکریپت
• 19. انتخاب فریم‌ورک مناسب (React، Vue، Angular)
• 20. آشنایی با React.js
• 21. مبانی کامپوننت‌ها در React
• 22. مدیریت State در React
• 23. Hooks در React
• 24. مقدمه‌ای بر Vue.js
• 25. کامپوننت‌ها در Vue.js
• 26. مدیریت State در Vue.js
• 27. مقدمه‌ای بر Angular
• 28. مفاهیم TypeScript
• 29. کاربرد TypeScript در پروژه‌های فرانت‌اند
• 30. اصول معماری نرم‌افزار در فرانت‌اند
• 31. الگوهای طراحی رایج در فرانت‌اند
• 32. مدیریت وضعیت (State Management) در برنامه‌های پیچیده
• 33. کتابخانه‌های مدیریت وضعیت (Redux، Vuex، NgRx)
• 34. کار با ابزارهای Build (Webpack، Vite)
• 35. بهینه‌سازی عملکرد (Performance Optimization)
• 36. Lazy Loading و Code Splitting
• 37. Caching در فرانت‌اند
• 38. بهینه‌سازی بارگذاری منابع (Assets)
• 39. آشنایی با Progressive Web Apps (PWAs)
• 40. مزایای PWAs
• 41. پیاده‌سازی Service Workers
• 42. استفاده از Manifest File
• 43. بهینه‌سازی برای دسترسی‌پذیری (Accessibility)
• 44. اصول WCAG
• 45. تست دسترسی‌پذیری
• 46. مقدمه‌ای بر تست واحد (Unit Testing)
• 47. ابزارهای تست واحد (Jest، Mocha)
• 48. نوشتن تست‌های واحد برای کامپوننت‌ها
• 49. مقدمه‌ای بر تست یکپارچگی (Integration Testing)
• 50. تست End-to-End (E2E Testing)
• 51. ابزارهای تست E2E (Cypress، Playwright)
• 52. مقدمه‌ای بر CI/CD در فرانت‌اند
• 53. پلتفرم‌های CI/CD (GitHub Actions، GitLab CI)
• 54. استقرار خودکار (Automated Deployment)
• 55. اصول امنیت در فرانت‌اند (Front-end Security)
• 56. جلوگیری از حملات XSS
• 57. مدیریت صحیح داده‌های حساس
• 58. اصول SEO برای فرانت‌اند
• 59. بهینه‌سازی متا تگ‌ها
• 60. ساختاردهی محتوا برای موتورهای جستجو
• 61. استفاده از داده‌های ساختاریافته (Structured Data)
• 62. طراحی رابط کاربری (UI Design)
• 63. اصول تجربه کاربری (UX Design)
• 64. تحقیق و تحلیل کاربران
• 65. ساخت Wireframes و Prototypes
• 66. طراحی User Flows
• 67. طراحی Microinteractions
• 68. اصول A/B Testing در UI/UX
• 69. کار با ابزارهای طراحی (Figma، Sketch)
• 70. مقدمه‌ای بر طراحی بصری (Visual Design)
• 71. اصول تایپوگرافی در وب
• 72. کاربرد رنگ در طراحی
• 73. طراحی آیکون و گرافیک
• 74. مفاهیم انیمیشن و موشن گرافیک در وب
• 75. اصول طراحی برای پلتفرم‌های مختلف (وب، تبلت، موبایل)
• 76. مدیریت وابستگی‌ها (Dependency Management)
• 77. مقدمه‌ای بر ابزارهای پکیج منیجر (npm، Yarn)
• 78. استفاده پیشرفته از npm/Yarn
• 79. مدیریت پروژه و تیم در توسعه فرانت‌اند
• 80. اصول Agile و Scrum در فرانت‌اند
• 81. مستندسازی کد و پروژه
• 82. اصول ارتباطات موثر در تیم
• 83. مدیریت بازخورد و بهبود مستمر
• 84. مقدمه‌ای بر معماری‌های مدرن (Micro-frontends)
• 85. کاربرد Micro-frontends
• 86. چالش‌ها و مزایای Micro-frontends
• 87. مقدمه‌ای بر Web Components
• 88. کاربرد Web Components
• 89. مزایای Web Components
• 90. اصول طراحی سیستم‌های طراحی (Design Systems)
• 91. ساخت و نگهداری Design Systems
• 92. کاربرد Design Systems در مقیاس بزرگ
• 93. مقدمه‌ای بر هوش مصنوعی در فرانت‌اند
• 94. استفاده از AI برای بهینه‌سازی تجربه کاربری
• 95. آینده توسعه فرانت‌اند و روندهای نوظهور
• 96. جمع‌بندی و گام‌های بعدی در یادگیری