فلش‌کارت‌های آموزشی تسلط بر تکنیک‌های اتصال رویه‌ای در فریم‌ورک‌های مدرن

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

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

عنوان دوره: دوره تسلط بر تکنیک‌های اتصال رویه‌ای در فریم‌ورک‌های مدرن

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

موضوع میانی: طراحی و پیاده‌سازی رابط‌های کاربری

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

• 1. مقدمه‌ای بر رابط‌های کاربری و اهمیت آن‌ها
• 2. مفاهیم پایه طراحی رابط کاربری
• 3. اصول طراحی بصری در رابط‌های کاربری
• 4. تئوری رنگ و کاربرد آن در طراحی رابط کاربری
• 5. تایپوگرافی و خوانایی متن در رابط‌های کاربری
• 6. طراحی چیدمان (Layout) مؤثر در رابط‌های کاربری
• 7. الگوهای طراحی رایج در رابط‌های کاربری
• 8. آشنایی با فریم‌ورک‌های محبوب توسعه رابط کاربری
• 9. مروری بر فریم‌ورک React
• 10. مروری بر فریم‌ورک Angular
• 11. مروری بر فریم‌ورک Vue.js
• 12. مقایسه فریم‌ورک‌های React، Angular و Vue.js
• 13. نصب و پیکربندی محیط توسعه React
• 14. مفاهیم کامپوننت‌ها در React
• 15. JSX و سینتکس آن
• 16. مدیریت حالت (State) در React
• 17. مدیریت رویدادها در React
• 18. کار با فرم‌ها در React
• 19. استفاده از هوک‌ها (Hooks) در React
• 20. هوک useState
• 21. هوک useEffect
• 22. هوک useContext
• 23. هوک useReducer
• 24. هوک useCallback و useMemo
• 25. روتینگ (Routing) در React با React Router
• 26. مدیریت داده‌ها با Context API
• 27. مدیریت داده‌ها با Redux
• 28. معرفی TypeScript و استفاده از آن در React
• 29. تست‌نویسی کامپوننت‌های React
• 30. استفاده از ابزارهای دیباگینگ React
• 31. بهینه‌سازی عملکرد رابط کاربری React
• 32. طراحی ریسپانسیو (Responsive) رابط کاربری
• 33. آشنایی با Material-UI
• 34. آشنایی با Ant Design
• 35. آشنایی با Bootstrap
• 36. استفاده از CSS-in-JS
• 37. مفاهیم پیشرفته مدیریت حالت با MobX
• 38. آشنایی با Next.js برای رندرینگ سمت سرور
• 39. آشنایی با Gatsby برای ساخت سایت‌های ایستا
• 40. استفاده از GraphQL در React
• 41. مفاهیم Serverless و استفاده از آن در React
• 42. معرفی Webpack و پیکربندی آن
• 43. معرفی Babel و ترنسپایل کردن کد
• 44. استفاده از Git و GitHub برای مدیریت کد
• 45. بهترین شیوه‌های توسعه رابط کاربری
• 46. طراحی رابط کاربری با تمرکز بر دسترس‌پذیری
• 47. مقدمه‌ای بر طراحی تجربه کاربری (UX)
• 48. آشنایی با ابزارهای طراحی UX
• 49. آشنایی با Figma
• 50. آشنایی با Adobe XD
• 51. تست کاربردپذیری رابط کاربری
• 52. آشنایی با مفاهیم A/B Testing
• 53. مفاهیم امنیت در توسعه رابط کاربری
• 54. بهینه‌سازی تصاویر برای وب
• 55. استفاده از CDN برای بهبود سرعت بارگذاری
• 56. آشنایی با Progressive Web Apps (PWAs)
• 57. استفاده از Web Workers برای پردازش‌های سنگین
• 58. معرفی WebAssembly و کاربردهای آن
• 59. مفاهیم معماری Clean Code در توسعه رابط کاربری
• 60. طراحی الگوهای قابل استفاده مجدد در رابط کاربری
• 61. مفاهیم طراحی Micro Frontends
• 62. آشنایی با Storybook برای توسعه کامپوننت‌ها
• 63. آشنایی با Cypress برای تست E2E
• 64. مفاهیم CI/CD در توسعه رابط کاربری
• 65. استفاده از Docker برای کانتینرسازی
• 66. استفاده از Kubernetes برای مدیریت کانتینرها
• 67. مفاهیم مانیتورینگ و لاگینگ در رابط کاربری
• 68. آشنایی با ابزارهای مانیتورینگ
• 69. بهینه‌سازی SEO برای رابط‌های کاربری
• 70. آشنایی با Accessibility Insights
• 71. آشنایی با Lighthouse
• 72. مفاهیم بین‌المللی‌سازی (i18n) و منطقه‌ای‌سازی (l10n)
• 73. مقدمه‌ای بر Web Components
• 74. آشنایی با Shadow DOM
• 75. آشنایی با Custom Elements
• 76. آشنایی با HTML Templates
• 77. آشنایی با LitElement
• 78. مفاهیم Server-Side Rendering (SSR)
• 79. آشنایی با Next.js
• 80. آشنایی با Remix
• 81. آشنایی با SvelteKit
• 82. آشنایی با Nuxt.js
• 83. مفاهیم Static Site Generation (SSG)
• 84. آشنایی با Gatsby
• 85. آشنایی با Astro
• 86. آشنایی با Docusaurus
• 87. آشنایی با Next.js (SSG)
• 88. آشنایی با VuePress
• 89. آشنایی با MkDocs
• 90. بهینه‌سازی عملکرد با استفاده از Code Splitting
• 91. بهینه‌سازی عملکرد با استفاده از Lazy Loading
• 92. بهینه‌سازی عملکرد با استفاده از Memoization
• 93. بهینه‌سازی عملکرد با استفاده از Virtualization
• 94. آشنایی با مفاهیم JAMstack
• 95. آشنایی با مفاهیم Headless CMS
• 96. آشنایی با Contentful
• 97. آشنایی با Strapi
• 98. آشنایی با Sanity
• 99. آشنایی با Directus
• 100. آشنایی با مفاهیم Progressive Enhancement