دوره ساخت پلی‌فیل‌ها: راهنمای جامع برای پشتیبانی از ویژگی‌های جدید در مرورگرهای قدیمی همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره ساخت پلی‌فیل‌ها: راهنمای جامع برای پشتیبانی از ویژگی‌های جدید در مرورگرهای قدیمی

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

موضوع میانی: تکنیک‌های حل مشکلات سازگاری در جاوااسکریپت

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

• 1. مقدمه‌ای بر ساخت پلی‌فیل‌ها
• 2. چرا به پلی‌فیل‌ها نیاز داریم؟
• 3. تاریخچه سازگاری مرورگرها
• 4. نگاهی به کتاب Building Polyfills
• 5. مفاهیم کلیدی در ساخت پلی‌فیل
• 6. نقش پلی‌فیل‌ها در توسعه مدرن
• 7. انواع مشکلات سازگاری
• 8. محدودیت‌های مرورگرهای قدیمی
• 9. ابزارهای توسعه فرانت‌اند
• 10. مفاهیم پایه جاوااسکریپت
• 11. انواع داده‌ها در جاوااسکریپت
• 12. متغیرها و دامنه‌ها
• 13. توابع و اسکوپ‌ها
• 14. اشیاء و پروتوتایپ‌ها
• 15. مفهوم `this` در جاوااسکریپت
• 16. بررسی ویژگی‌های جدید ECMAScript
• 17. ECMAScript 6 (ES6) و ویژگی‌های آن
• 18. ECMAScript 7 (ES7) و ویژگی‌های آن
• 19. ECMAScript 2018 و فراتر از آن
• 20. شناسایی نیاز به پلی‌فیل
• 21. تست سازگاری مرورگر
• 22. ابزارهای تست سازگاری
• 23. مفهومFeature Detection
• 24. روش‌های Feature Detection
• 25. تشخیص وجود یک تابع
• 26. تشخیص وجود یک متد در شیء
• 27. تشخیص وجود یک پراپرتی
• 28. تشخیص وجود یک Constructor
• 29. استفاده از `typeof` برای تشخیص
• 30. استفاده از `in` operator
• 31. استفاده از `hasOwnProperty`
• 32. روش‌های پیشرفته Feature Detection
• 33. مدیریت خطا در Feature Detection
• 34. نوشتن اولین پلی‌فیل ساده
• 35. ساختار کلی یک پلی‌فیل
• 36. توابع کمکی برای پلی‌فیل‌ها
• 37. استفاده از `Object.assign`
• 38. پلی‌فیل برای `Array.prototype.map`
• 39. پلی‌فیل برای `Array.prototype.filter`
• 40. پلی‌فیل برای `Array.prototype.reduce`
• 41. پلی‌فیل برای `String.prototype.includes`
• 42. پلی‌فیل برای `String.prototype.startsWith`
• 43. پلی‌فیل برای `String.prototype.endsWith`
• 44. پلی‌فیل برای `Promise`
• 45. مبانی `Promise`
• 46. ساخت پلی‌فیل `Promise` (بخش اول)
• 47. ساخت پلی‌فیل `Promise` (بخش دوم)
• 48. مدیریت `then` و `catch` در `Promise`
• 49. پلی‌فیل برای `Array.prototype.find`
• 50. پلی‌فیل برای `Array.prototype.findIndex`
• 51. پلی‌فیل برای `Array.prototype.some`
• 52. پلی‌فیل برای `Array.prototype.every`
• 53. پلی‌فیل برای `Object.keys`
• 54. پلی‌فیل برای `Object.values`
• 55. پلی‌فیل برای `Object.entries`
• 56. پلی‌فیل برای `Array.from`
• 57. پلی‌فیل برای `Array.of`
• 58. پلی‌فیل برای `Set`
• 59. پلی‌فیل برای `Map`
• 60. پلی‌فیل برای `WeakSet`
• 61. پلی‌فیل برای `WeakMap`
• 62. پلی‌فیل برای Template Literals
• 63. پلی‌فیل برای Arrow Functions
• 64. پلی‌فیل برای `let` و `const` (مفهومی)
• 65. پلی‌فیل برای Destructuring Assignment
• 66. پلی‌فیل برای Spread Operator
• 67. پلی‌فیل برای Default Parameters
• 68. پلی‌فیل برای Rest Parameters
• 69. پلی‌فیل برای Classes (مفهومی)
• 70. پلی‌فیل برای `Object.create`
• 71. پلی‌فیل برای `Function.prototype.bind`
• 72. پلی‌فیل برای `Function.prototype.call`
• 73. پلی‌فیل برای `Function.prototype.apply`
• 74. پلی‌فیل برای `document.querySelector`
• 75. پلی‌فیل برای `document.querySelectorAll`
• 76. پلی‌فیل برای `Element.prototype.classList`
• 77. پلی‌فیل برای `CustomEvent`
• 78. پلی‌فیل برای `fetch` API (مقدماتی)
• 79. پلی‌فیل برای `fetch` API (بخش اول)
• 80. پلی‌فیل برای `fetch` API (بخش دوم)
• 81. پلی‌فیل برای `fetch` API (مدیریت خطا)
• 82. پلی‌فیل برای `URLSearchParams`
• 83. پلی‌فیل برای `Intersection Observer` (مقدماتی)
• 84. پلی‌فیل برای `Intersection Observer` (پیاده‌سازی)
• 85. پلی‌فیل برای `Mutation Observer` (مقدماتی)
• 86. پلی‌فیل برای `Mutation Observer` (پیاده‌سازی)
• 87. پلی‌فیل برای `requestAnimationFrame`
• 88. پلی‌فیل برای `cancelAnimationFrame`
• 89. پلی‌فیل برای `HTML5 Semantic Elements` (CSS)
• 90. پلی‌فیل برای `placeholder` attribute (HTML input)
• 91. پلی‌فیل برای `required` attribute (HTML input)
• 92. پلی‌فیل برای `data-*` attributes
• 93. بهینه‌سازی پلی‌فیل‌ها
• 94. مدیریت وابستگی‌ها
• 95. استفاده از ابزارهای Build
• 96. نوشتن پلی‌فیل‌های عمومی
• 97. انتشار پلی‌فیل‌ها
• 98. مدیریت نسخه‌های پلی‌فیل
• 99. اهمیت تست پلی‌فیل‌ها
• 100. مستندسازی پلی‌فیل‌ها