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

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

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

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

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

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

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

• 1. مبانی توسعهٔ وب و فرانت‌اند
• 2. ساختار HTML: اصول اولیه
• 3. عناصر معنایی HTML5
• 4. استایل‌دهی با CSS: مقدمات
• 5. قوانین و مقیاس‌پذیری CSS
• 6. طراحی واکنش‌گرا (Responsive Design)
• 7. فریم‌ورک‌های CSS: معرفی و کاربرد
• 8. مبانی جاوااسکریپت: متغیرها و انواع داده
• 9. ساختارهای کنترلی در جاوااسکریپت
• 10. توابع و اسکوپ در جاوااسکریپت
• 11. مفاهیم پیشرفتهٔ جاوااسکریپت: Closure
• 12. مفاهیم پیشرفتهٔ جاوااسکریپت: Prototype
• 13. کار با DOM: انتخاب و دستکاری عناصر
• 14. مدیریت رویدادها در جاوااسکریپت
• 15. آشنایی با APIهای مرورگر
• 16. مبانی برنامه‌نویسی ناهمگام (Asynchronous)
• 17. Promises در جاوااسکریپت
• 18. Async/Await در جاوااسکریپت
• 19. مدیریت خطا در جاوااسکریپت
• 20. مبانی Git و کنترل نسخه
• 21. کار با مخازن Git: Fork و Pull Request
• 22. اصول توسعهٔ تمیز (Clean Code)
• 23. الگوهای طراحی در فرانت‌اند: Singleton
• 24. الگوهای طراحی در فرانت‌اند: Factory
• 25. الگوهای طراحی در فرانت‌اند: Observer
• 26. مبانی React.js: معرفی و اصول
• 27. JSX: سینتکس و کاربرد
• 28. کامپوننت‌های تابعی و کلاس در React
• 29. State و Props در React
• 30. Hooks در React: useState و useEffect
• 31. Hooks در React: useContext و useReducer
• 32. مدیریت فرم‌ها در React
• 33. مسیریابی (Routing) در React با React Router
• 34. مدیریت وضعیت (State Management) در React
• 35. Redux: اصول و کاربرد
• 36. Redux Toolkit: راهکار مدرن
• 37. Context API در React
• 38. اصول تست‌نویسی در فرانت‌اند
• 39. تست واحد (Unit Testing) با Jest
• 40. تست یکپارچه‌سازی (Integration Testing)
• 41. تست End-to-End با Cypress
• 42. مبانی Node.js برای فرانت‌اند
• 43. کار با npm/yarn
• 44. ابزارهای Build: Webpack
• 45. ابزارهای Build: Vite
• 46. اصول بهینه‌سازی عملکرد فرانت‌اند
• 47. بارگذاری تنبل (Lazy Loading)
• 48. Code Splitting
• 49. Caching در فرانت‌اند
• 50. اصول دسترسی‌پذیری (Accessibility)
• 51. WCAG: استانداردها و پیاده‌سازی
• 52. بهینه‌سازی برای موتورهای جستجو (SEO)
• 53. مبانی GraphQL
• 54. کار با GraphQL در React
• 55. مبانی TypeScript
• 56. انواع داده در TypeScript
• 57. اینترفیس‌ها و انواع سفارشی در TypeScript
• 58. کلاس‌ها و ارث‌بری در TypeScript
• 59. توابع و overloading در TypeScript
• 60. مبانی PWA (Progressive Web Apps)
• 61. Service Workers
• 62. Manifest File
• 63. Deploy کردن برنامه‌های فرانت‌اند
• 64. مبانی CI/CD برای فرانت‌اند
• 65. امنیت در توسعهٔ فرانت‌اند
• 66. OWASP Top 10 برای فرانت‌اند
• 67. مبانی Web Components
• 68. Custom Elements
• 69. Shadow DOM
• 70. HTML Templates
• 71. اصول UI/UX در فرانت‌اند
• 72. طراحی مبتنی بر کاربر
• 73. تست کاربردپذیری (Usability Testing)
• 74. پروتوتایپینگ و وایرفریمینگ
• 75. اصول رنگ‌شناسی در طراحی وب
• 76. اصول تایپوگرافی در طراحی وب
• 77. اصول چیدمان (Layout) در طراحی وب
• 78. مبانی انیمیشن در فرانت‌اند
• 79. CSS Animations
• 80. JavaScript Animations
• 81. اصول طراحی API برای فرانت‌اند
• 82. RESTful APIs
• 83. کار با Fetch API
• 84. آشنایی با WebSockets
• 85. مبانی SSR (Server-Side Rendering)
• 86. Next.js: مقدمات
• 87. Next.js: Routing و Data Fetching
• 88. Next.js: SSR و SSG
• 89. مبانی Jamstack
• 90. معرفی فریم‌ورک‌های مدرن
• 91. Vue.js: مقدمات
• 92. Vue.js: Template Syntax
• 93. Vue.js: Components و Props
• 94. Vue.js: State Management با Pinia
• 95. Angular: مقدمات
• 96. Angular: Components و Modules
• 97. Angular: Services و Dependency Injection
• 98. Angular: Routing
• 99. اصول توسعهٔ پایدار (Sustainable Development)
• 100. اخلاق در توسعهٔ نرم‌افزار