فلش‌کارت‌های آموزشی TypeScript for Front-End Mastery: Building Dynamic and Interactive UIs

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

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

عنوان دوره: دوره TypeScript for Front-End Mastery: Building Dynamic and Interactive UIs

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

موضوع میانی: تایپ اسکریپت (TypeScript)

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

• 1. مقدمه‌ای بر تایپ‌اسکریپت و کاربرد آن در فرانت‌اند
• 2. نصب و راه‌اندازی محیط توسعه تایپ‌اسکریپت
• 3. انواع داده‌های پایه در تایپ‌اسکریپت
• 4. متغیرها و دامنه‌ها در تایپ‌اسکریپت
• 5. توابع و انواع پارامترها و مقادیر بازگشتی
• 6. اینترفیس‌ها و تعریف ساختارهای داده
• 7. کلاس‌ها و مفاهیم شیءگرایی در تایپ‌اسکریپت
• 8. وراثت و پیاده‌سازی اینترفیس‌ها
• 9. مدهای تایپ‌اسکریپت (Modules)
• 10. واردات و صادرات در مدها
• 11. انواع اتحادی (Union Types)
• 12. انواع تقاطعی (Intersection Types)
• 13. نوع‌دهی پیشرفته با Utility Types
• 14. Mapped Types و Conditional Types
• 15. Generic Types و کاربرد آن‌ها
• 16. مدیریت خطاهای تایپ‌اسکریپت
• 17. تنظیمات کامپایلر تایپ‌اسکریپت (tsconfig.json)
• 18. ادغام تایپ‌اسکریپت با ابزارهای Build (Webpack, Vite)
• 19. اصول طراحی رابط کاربری پویا
• 20. مفاهیم RESTful API و تعامل با بک‌اند
• 21. مدیریت وضعیت (State Management) در فرانت‌اند
• 22. مقدمه‌ای بر React و تایپ‌اسکریپت
• 23. ایجاد کامپوننت‌های React با تایپ‌اسکریپت
• 24. Props و State در کامپوننت‌های React
• 25. هوک‌های React (useState, useEffect) با تایپ‌اسکریپت
• 26. مدیریت فرم‌ها در React با تایپ‌اسکریپت
• 27. اعتبارسنجی ورودی‌های فرم
• 28. مقدمه‌ای بر Redux Toolkit و تایپ‌اسکریپت
• 29. ساختار Redux Toolkit (Slices, Reducers)
• 30. اتصال React به Redux Toolkit
• 31. مدیریت پیچیدگی وضعیت با Redux
• 32. مقدمه‌ای بر Context API و تایپ‌اسکریپت
• 33. استفاده از Context API برای مدیریت وضعیت
• 34. مقایسه Context API و Redux Toolkit
• 35. طراحی کامپوننت‌های قابل استفاده مجدد
• 36. الگوهای طراحی در فرانت‌اند (Component Patterns)
• 37. مدیریت رویدادها در رابط کاربری
• 38. انیمیشن‌ها و جلوه‌های بصری در فرانت‌اند
• 39. اصول دسترسی‌پذیری (Accessibility) در وب
• 40. تست واحد (Unit Testing) در تایپ‌اسکریپت
• 41. استفاده از Jest برای تست واحد
• 42. تست یکپارچه‌سازی (Integration Testing)
• 43. تست End-to-End (E2E Testing)
• 44. استفاده از Cypress برای تست E2E
• 45. مقدمه‌ای بر Next.js و تایپ‌اسکریپت
• 46. رندر سمت سرور (SSR) با Next.js
• 47. تولید سایت ایستا (Static Site Generation) با Next.js
• 48. مسیریابی (Routing) در Next.js
• 49. مدیریت داده در Next.js
• 50. بهینه‌سازی عملکرد (Performance Optimization)
• 51. استفاده از CDN و Caching
• 52. امنیت در برنامه‌های فرانت‌اند
• 53. مدیریت احراز هویت (Authentication)
• 54. مدیریت مجوزها (Authorization)
• 55. کار با WebSockets برای ارتباط بلادرنگ
• 56. مقدمه‌ای بر GraphQL و تایپ‌اسکریپت
• 57. استفاده از Apollo Client با React و TypeScript
• 58. طراحی Schema در GraphQL
• 59. کوئری‌ها و Mutation ها در GraphQL
• 60. مدیریت خطا در GraphQL
• 61. مقدمه‌ای بر CI/CD برای پروژه‌های فرانت‌اند
• 62. تنظیمات GitHub Actions برای CI/CD
• 63. استقرار (Deployment) برنامه‌های فرانت‌اند
• 64. مقدمه‌ای بر طراحی الگوهای UI/UX
• 65. اصول طراحی ریسپانسیو (Responsive Design)
• 66. کار با فریم‌ورک‌های UI (مانند Material UI)
• 67. استفاده از Tailwind CSS با تایپ‌اسکریپت
• 68. مفاهیم Micro Frontends
• 69. معماری برنامه‌های مقیاس‌پذیر فرانت‌اند
• 70. مدیریت وابستگی‌ها (Dependency Management)
• 71. مدیریت ورژن‌های کتابخانه‌ها
• 72. اصول بازسازی کد (Code Refactoring)
• 73. نوشتن مستندات فنی (Technical Documentation)
• 74. مقدمه‌ای بر Web Components
• 75. استفاده از Web Components با تایپ‌اسکریپت
• 76. تکنیک‌های دیباگینگ در تایپ‌اسکریپت
• 77. تحلیل عملکرد برنامه با ابزارهای مرورگر
• 78. مقدمه‌ای بر Progressive Web Apps (PWA)
• 79. ساخت PWA با تایپ‌اسکریپت
• 80. بهینه‌سازی تصاویر و منابع
• 81. مدیریت بارگذاری تنبل (Lazy Loading)
• 82. استفاده از Service Workers
• 83. اصول Brand Identity در طراحی فرانت‌اند
• 84. طراحی سیستم‌های طراحی (Design Systems)
• 85. مدیریت دارایی‌های دیجیتال (Digital Assets)
• 86. مقدمه‌ای بر Internationalization (i18n)
• 87. پیاده‌سازی i18n در برنامه‌های فرانت‌اند
• 88. مقدمه‌ای بر Server-Side Rendering (SSR)
• 89. مزایا و معایب SSR
• 90. مقدمه‌ای بر Static Site Generation (SSG)
• 91. مزایا و معایب SSG
• 92. تفاوت بین SSR, SSG و Client-Side Rendering
• 93. اصول طراحی معماری MVP (Minimum Viable Product)
• 94. مدیریت پروژه Agile در فرانت‌اند
• 95. استفاده از ابزارهای مدیریت پروژه
• 96. اصول کار تیمی در توسعه فرانت‌اند
• 97. ارتباط موثر با اعضای تیم
• 98. یادگیری مستمر و به‌روزرسانی دانش
• 99. مقدمه‌ای بر Blockchains و کاربردهای آن در وب
• 100. توسعه DApps با تایپ‌اسکریپت