دوره ساخت افزونه‌های سفارشی مرورگر کروم با React و TypeScript همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره ساخت افزونه‌های سفارشی مرورگر کروم با React و TypeScript

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

موضوع میانی: توسعه افزونه‌های مرورگر

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

• 1. مقدمه‌ای بر توسعه افزونه‌های مرورگر
• 2. آشنایی با ساختار افزونه‌های کروم
• 3. مبانی React برای توسعه افزونه
• 4. تایپ‌اسکریپت در توسعه افزونه‌ها
• 5. پیکربندی پروژه React و TypeScript
• 6. مدیریت بسته‌ها با npm یا yarn
• 7. ساخت اولین افزونه ساده
• 8. مفاهیم Manifest.json
• 9. طراحی رابط کاربری افزونه
• 10. استفاده از Content Scripts
• 11. ارتباط بین Content Scripts و Popup
• 12. ارتباط بین Popup و Background Scripts
• 13. ذخیره‌سازی داده‌ها در افزونه
• 14. استفاده از Chrome Storage API
• 15. مدیریت وضعیت افزونه
• 16. طراحی Popup و Options Page
• 17. ساخت یک Popup تعاملی
• 18. طراحی Options Page سفارشی
• 19. کار با رویدادهای مرورگر
• 20. استفاده از Event Listeners
• 21. مدیریت تب‌ها و پنجره‌ها
• 22. تکنیک‌های پیشرفته Content Scripting
• 23. تزریق اسکریپت‌های سفارشی
• 24. دسترسی به DOM صفحه
• 25. تغییر ظاهر صفحات وب
• 26. استفاده از Web Workers
• 27. مدیریت خطاها در افزونه
• 28. اشکال‌زدایی افزونه‌های React
• 29. ابزارهای توسعه‌دهنده کروم
• 30. تست افزونه‌ها
• 31. مقدمه‌ای بر تست واحد
• 32. تست کامپوننت‌های React
• 33. تست افزونه در محیط واقعی
• 34. بهینه‌سازی عملکرد افزونه
• 35. کاهش حجم کد
• 36. مدیریت حافظه
• 37. امنیت در توسعه افزونه
• 38. جلوگیری از حملات XSS
• 39. مدیریت مجوزها
• 40. انتشار افزونه در Chrome Web Store
• 41. فرآیند ثبت و بارگذاری
• 42. مدیریت نسخه‌ها
• 43. استراتژی‌های انتشار
• 44. مقدمه‌ای بر ابزارهای خط فرمان (CLI)
• 45. کار با Webpack برای bundling
• 46. پیکربندی Webpack
• 47. استفاده از Babel برای Transpilation
• 48. استفاده از ESLint برای کیفیت کد
• 49. مقدمه‌ای بر Redux
• 50. مدیریت وضعیت پیچیده با Redux
• 51. اتصال Redux به React
• 52. استفاده از Redux Toolkit
• 53. مقدمه‌ای بر Context API
• 54. مدیریت وضعیت با Context API
• 55. مقایسه Redux و Context API
• 56. توسعه افزونه‌های با چندین صفحه
• 57. مدیریت مسیریابی در افزونه
• 58. استفاده از React Router
• 59. طراحی تجربه کاربری (UX)
• 60. اصول طراحی UI/UX
• 61. قابلیت دسترسی (Accessibility)
• 62. استفاده از SVG در افزونه‌ها
• 63. کار با APIهای خارجی
• 64. درخواست‌های HTTP با Fetch API
• 65. مدیریت پاسخ‌های API
• 66. خطایابی APIهای خارجی
• 67. مقدمه‌ای بر PWA
• 68. تبدیل افزونه به PWA
• 69. استفاده از Service Workers
• 70. ذخیره‌سازی آفلاین
• 71. مفاهیم Security Best Practices
• 72. اعتبارسنجی ورودی‌ها
• 73. مدیریت کوکی‌ها و Sessionها
• 74. استفاده از WebSockets
• 75. ارتباط Real-time با سرور
• 76. پیاده‌سازی چت در افزونه
• 77. مقدمه‌ای بر تست End-to-End
• 78. استفاده از Cypress
• 79. نوشتن تست‌های E2E
• 80. مدیریت buildهای تولید
• 81. استفاده از Docker برای محیط توسعه
• 82. مفاهیم CI/CD
• 83. پیاده‌سازی Pipeline برای افزونه
• 84. نکات تکمیلی برای انتشار
• 85. بازخورد کاربران و بهبود افزونه
• 86. استراتژی‌های بازاریابی افزونه
• 87. تحلیل رفتار کاربران
• 88. قوانین و مقررات مربوط به افزونه‌ها
• 89. ملاحظات قانونی در توسعه
• 90. اصول اخلاقی در توسعه نرم‌افزار
• 91. مقدمه‌ای بر WebAssembly
• 92. استفاده از WebAssembly در افزونه‌ها
• 93. بهینه‌سازی با WebAssembly
• 94. مقدمه‌ای بر معماری میکروسرویس
• 95. کاربرد میکروسرویس در افزونه‌های بزرگ
• 96. طراحی API Gateway
• 97. مقدمه‌ای بر GraphQL
• 98. استفاده از GraphQL در افزونه‌ها
• 99. مقایسه REST و GraphQL
• 100. مفاهیم پیشرفته TypeScript