اپلیکیشن اندرویدی فلش‌کارت آموزشی طراحی و توسعهٔ رابط‌های کاربری وب با TypeScript

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

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

عنوان دوره: دوره طراحی و توسعهٔ رابط‌های کاربری وب با TypeScript

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

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

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

• 1. مقدمه‌ای بر توسعهٔ وب و TypeScript
• 2. مفاهیم پایهٔ TypeScript
• 3. انواع داده در TypeScript
• 4. متغیرها و ثابت‌ها در TypeScript
• 5. عملگرها و عبارات در TypeScript
• 6. ساختارهای کنترلی: شرط‌ها
• 7. ساختارهای کنترلی: حلقه‌ها
• 8. توابع در TypeScript
• 9. آرایه‌ها در TypeScript
• 10. اشیاء در TypeScript
• 11. کلاس‌ها در TypeScript
• 12. وراثت در TypeScript
• 13. اینترفیس‌ها در TypeScript
• 14. کلاس‌های انتزاعی در TypeScript
• 15. ماژول‌ها در TypeScript
• 16. فضاهای نام در TypeScript
• 17. ژنریک‌ها در TypeScript
• 18. تزریق وابستگی با TypeScript
• 19. مدیریت خطا در TypeScript
• 20. همزمانی و ناهمزمانی در TypeScript
• 21. مقدمه‌ای بر توسعهٔ فرانت‌اند وب
• 22. HTML5: ساختار صفحات وب
• 23. CSS3: استایل‌دهی صفحات وب
• 24. مبانی طراحی رابط کاربری (UI)
• 25. مبانی تجربه کاربری (UX)
• 26. مقدمه‌ای بر جاوا اسکریپت برای فرانت‌اند
• 27. مفاهیم پیشرفتهٔ جاوا اسکریپت
• 28. آشنایی با فریم‌ورک‌های فرانت‌اند
• 29. چرا TypeScript برای فرانت‌اند؟
• 30. نصب و راه‌اندازی محیط توسعهٔ TypeScript
• 31. کامپایلر TypeScript و پیکربندی آن
• 32. استفاده از TypeScript با HTML و CSS
• 33. TypeScript در مرورگر
• 34. TypeScript با Node.js
• 35. ساختار پروژهٔ فرانت‌اند با TypeScript
• 36. مدیریت وابستگی‌ها (NPM/Yarn)
• 37. مقدمه‌ای بر React
• 38. مفاهیم پایهٔ React (کامپوننت‌ها، JSX)
• 39. وضعیت (State) و پراپس (Props) در React
• 40. هوک‌های React (useState, useEffect)
• 41. هوک‌های سفارشی در React
• 42. مسیریابی (Routing) در React
• 43. مدیریت وضعیت در React (Context API)
• 44. مدیریت وضعیت پیشرفته (Redux)
• 45. React Router برای مسیریابی
• 46. ساخت فرم‌ها در React
• 47. اعتبارسنجی فرم‌ها
• 48. مصرف APIها در React
• 49. Fetch API و Axios
• 50. همزمانی در React
• 51. TypeScript با React
• 52. کامپوننت‌های React با TypeScript
• 53. State و Props با TypeScript
• 54. هوک‌ها با TypeScript
• 55. مدیریت وضعیت با TypeScript
• 56. مسیریابی با TypeScript
• 57. کار با APIها با TypeScript
• 58. مقدمه‌ای بر Vue.js
• 59. مفاهیم پایهٔ Vue.js
• 60. کامپوننت‌ها در Vue.js
• 61. مدیریت وضعیت در Vue.js (Vuex)
• 62. مسیریابی در Vue.js (Vue Router)
• 63. TypeScript با Vue.js
• 64. مقدمه‌ای بر Angular
• 65. مفاهیم پایهٔ Angular
• 66. کامپوننت‌ها در Angular
• 67. مدیریت وضعیت در Angular
• 68. مسیریابی در Angular
• 69. TypeScript با Angular
• 70. مقدمه‌ای بر طراحی واکنش‌گرا (Responsive Design)
• 71. تکنیک‌های طراحی واکنش‌گرا
• 72. فریم‌ورک‌های CSS (Bootstrap/Tailwind)
• 73. بهینه‌سازی عملکرد فرانت‌اند
• 74. تست واحد (Unit Testing) در فرانت‌اند
• 75. تست یکپارچه‌سازی (Integration Testing)
• 76. تست End-to-End (E2E Testing)
• 77. مقدمه‌ای بر ابزارهای Build (Webpack/Vite)
• 78. پیکربندی Webpack
• 79. پیکربندی Vite
• 80. مقدمه‌ای بر Progressive Web Apps (PWA)
• 81. ساخت PWA با TypeScript
• 82. مقدمه‌ای بر Server-Side Rendering (SSR)
• 83. SSR با React (Next.js)
• 84. SSR با Vue.js (Nuxt.js)
• 85. امنیت در فرانت‌اند
• 86. اصول امنیت وب
• 87. مدیریت توکن‌ها (JWT)
• 88. مبارزه با حملات XSS
• 89. مبارزه با حملات CSRF
• 90. اصول دسترسی‌پذیری (Accessibility)
• 91. طراحی برای کاربران با نیازهای خاص
• 92. مقدمه‌ای بر CI/CD در فرانت‌اند
• 93. تنظیمات اولیهٔ CI/CD
• 94. استقرار (Deployment) برنامه‌های فرانت‌اند
• 95. مقدمه‌ای بر Micro Frontends
• 96. معماری Micro Frontends
• 97. مدیریت خطا و لاگینگ در فرانت‌اند
• 98. ابزارهای مانیتورینگ فرانت‌اند
• 99. مقدمه‌ای بر Web Components
• 100. ساخت Web Components با TypeScript