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

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

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

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

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

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

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

• 1. مبانی جاوا اسکریپت برای فرانت‌اند
• 2. متغیرها و انواع داده در جاوا اسکریپت
• 3. عملگرها و عبارات در جاوا اسکریپت
• 4. ساختارهای کنترلی: شرط‌ها
• 5. ساختارهای کنترلی: حلقه‌ها
• 6. توابع در جاوا اسکریپت
• 7. مفهوم دامنه (Scope) در جاوا اسکریپت
• 8. اشیاء (Objects) در جاوا اسکریپت
• 9. آرایه‌ها (Arrays) در جاوا اسکریپت
• 10. متدهای آرایه: پیمایش
• 11. متدهای آرایه: تغییر
• 12. مفهوم شی‌گرایی در جاوا اسکریپت
• 13. کلاس‌ها و وراثت در جاوا اسکریپت
• 14. ماژول‌ها در جاوا اسکریپت
• 15. مدیریت خطا (Error Handling)
• 16. مفاهیم ناهمگام (Asynchronous)
• 17. Promise ها در جاوا اسکریپت
• 18. Async/Await در جاوا اسکریپت
• 19. مقدمه‌ای بر DOM (Document Object Model)
• 20. دستکاری عناصر DOM
• 21. رویدادها (Events) در DOM
• 22. مدیریت رویدادها
• 23. مقدمه‌ای بر فریم‌ورک‌های فرانت‌اند
• 24. چرا به فریم‌ورک نیاز داریم؟
• 25. معرفی React
• 26. مبانی JSX
• 27. کامپوننت‌ها در React
• 28. حالت (State) در کامپوننت‌ها
• 29. پراپس (Props) در React
• 30. مدیریت رویدادها در React
• 31. شرط‌ها در JSX
• 32. لیست‌ها و کلیدها (Keys) در React
• 33. چرخه حیات کامپوننت‌ها در React
• 34. هوک‌های React (Hooks)
• 35. هوک useState
• 36. هوک useEffect
• 37. هوک useContext
• 38. مدیریت فرم‌ها در React
• 39. مسیریابی (Routing) در React
• 40. React Router
• 41. مقدمه‌ای بر Redux
• 42. مفاهیم Redux: Store, Actions, Reducers
• 43. اتصال React به Redux
• 44. مقدمه‌ای بر Vue.js
• 45. مبانی Vue
• 46. کامپوننت‌ها در Vue
• 47. داده‌های واکنشی (Reactivity) در Vue
• 48. مدیریت رویدادها در Vue
• 49. شرط‌ها و حلقه‌ها در تمپلیت‌های Vue
• 50. مسیریابی در Vue (Vue Router)
• 51. مقدمه‌ای بر Vuex
• 52. مفاهیم Vuex
• 53. اتصال Vue به Vuex
• 54. معرفی Angular
• 55. مبانی TypeScript برای Angular
• 56. کامپوننت‌ها در Angular
• 57. قالب‌ها (Templates) در Angular
• 58. داده‌های دوطرفه (Two-way Data Binding)
• 59. سرویس‌ها (Services) در Angular
• 60. تزریق وابستگی (Dependency Injection)
• 61. ماژول‌ها (Modules) در Angular
• 62. مسیریابی در Angular
• 63. پایپ‌ها (Pipes) در Angular
• 64. مدیریت فرم‌ها در Angular (Template-driven)
• 65. مدیریت فرم‌ها در Angular (Reactive Forms)
• 66. مقدمه‌ای بر RxJS
• 67. مفاهیم Observable و Observer
• 68. عملگرهای RxJS
• 69. مقدمه‌ای بر ابزارهای بیلد (Build Tools)
• 70. Webpack
• 71. تنظیمات Webpack
• 72. مقدمه‌ای بر Babel
• 73. کاربرد Babel در پروژه‌های فرانت‌اند
• 74. مقدمه‌ای بر کنترل نسخه (Version Control)
• 75. دستورات پایه Git
• 76. GitHub
• 77. مفهوم CI/CD در فرانت‌اند
• 78. مقدمه‌ای بر تست واحد (Unit Testing)
• 79. Jest
• 80. تنظیم Jest برای React
• 81. مقدمه‌ای بر تست یکپارچگی (Integration Testing)
• 82. React Testing Library
• 83. مقدمه‌ای بر تست E2E (End-to-End Testing)
• 84. Cypress
• 85. تنظیم Cypress
• 86. مقدمه‌ای بر طراحی واکنش‌گرا (Responsive Design)
• 87. CSS Media Queries
• 88. فریم‌ورک‌های CSS: Bootstrap
• 89. فریم‌ورک‌های CSS: Tailwind CSS
• 90. مقدمه‌ای بر PWA (Progressive Web Apps)
• 91. کاربرد Service Workers
• 92. ذخیره‌سازی محلی (Local Storage)
• 93. ذخیره‌سازی پیشرفته: IndexedDB
• 94. مقدمه‌ای بر بهینه‌سازی عملکرد فرانت‌اند
• 95. کاهش حجم کد
• 96. بارگذاری تنبل (Lazy Loading)
• 97. کش کردن (Caching)
• 98. مقدمه‌ای بر امنیت در فرانت‌اند
• 99. جلوگیری از حملات XSS
• 100. جلوگیری از حملات CSRF