فلش‌کارت‌های آموزشی استفاده از Parcel Bundler برای بارگذاری ماژول‌های ES6 در HTML5

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

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

عنوان دوره: دوره استفاده از Parcel Bundler برای بارگذاری ماژول‌های ES6 در HTML5

موضوع کلی: توسعه وب با HTML5

موضوع میانی: ابزارها و محیط توسعه HTML5

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

• 1. مقدمه و اهمیت Parcel Bundler در توسعه HTML5
• 2. نصب و راه‌اندازی Parcel در محیط توسعه
• 3. ساخت پروژه پایه HTML5 با استفاده از Parcel
• 4. پیکربندی اولیه با فایل package.json
• 5. مشخص‌سازی Entry Point برای سند HTML5
• 6. افزودن فایل HTML5 به عنوان ورودی به Parcel
• 7. مقدمه‌ای بر ماژول‌های ES6 و قابلیت import/export
• 8. استفاده از ماژول‌های ES6 در جاوااسکریپت با Parcel
• 9. بارگذاری ماژول‌های ES6 در مرورگر از طریق Parcel
• 10. اتصال فایل‌های جاوااسکریپت به HTML5 با Parcel
• 11. مدیریت وابستگی‌های نصب شده با npm در Parcel
• 12. استفاده از ماژول‌های ثالث در پروژه HTML5
• 13. پیکربندی پیشرفته Parcel برای بهینه‌سازی
• 14. تنظیم حالت توسعه (development) و تولید (production)
• 15. فعال‌سازی Hot Module Replacement (HMR)
• 16. بهینه‌سازی بارگذاری با Code Splitting
• 17. استفاده از Dynamic Import برای بارگذاری تدریجی
• 18. Tree Shaking برای حذف کد غیرضروری
• 19. مدیریت فایل‌های CSS در Parcel
• 20. استفاده از CSS Modules برای جلوگیری از تconflict نام‌ها
• 21. پشتیبانی از SCSS و Sass در Parcel
• 22. افزودن و بهینه‌سازی تصاویر در HTML5
• 23. مدیریت فونت‌ها و فایل‌های فونت
• 24. پشتیبانی از SVG و آیکون‌ها
• 25. استفاده از Asset Pipeline در Parcel
• 26. پیکربندی Environment Variables برای تنظیمات محیط
• 27. استفاده از Custom Transformers برای فرمت‌های خاص
• 28. نصب و پیکربندی پلاگین‌های Parcel
• 29. افزودن پلاگین برای پردازش TypeScript
• 30. افزودن پلاگین برای پردازش JSX
• 31. استفاده از Babel با Parcel و پیکربندی آن
• 32. پشتیبانی از Source Maps برای دیباگ
• 33. بهینه‌سازی باندل تولیدی با Minification و Compression
• 34. استفاده از Gzip و Brotli برای فشرده‌سازی
• 35. تجزیه و تحلیل حجم باندل با Bundle Analyzer
• 36. پیکربندی Output برای مسیرهای مختلف
• 37. استفاده از Public Path برای بارگذاری در مسیرهای متفاوت
• 38. مدیریت Multiple Entry Points برای صفحات مختلف
• 39. ساخت چندین صفحه HTML5 با Parcel
• 40. اتصال صفحات HTML5 به ماژول‌های ES6 مختلف
• 41. استفاده از Shared Code برای به اشتراک گذاری کد بین صفحات
• 42. پیکربندی Cache برای بهبود سرعت بارگذاری
• 43. استفاده از Service Worker برای ساخت PWA
• 44. افزودن قابلیت Offline-first با Parcel
• 45. پشتیبانی از Web Workers در Parcel
• 46. مدیریت Worker scripts
• 47. استفاده از Polyfill برای مرورگرهای قدیمی
• 48. پیکربندی Browserslist برای پشتیبانی مرورگری
• 49. استفاده از Autoprefixer برای پیش‌پرداز CSS
• 50. ادغام Parcel با سیستم‌های CI/CD
• 51. استفاده از Parcel API در اسکریپت‌های ساخت
• 52. نوشتن Custom Plugin برای نیازهای خاص
• 53. افزودن Hook برای اجرای کد در مراحل مختلف باندل
• 54. مدیریت منابع درونی (Inline Assets)
• 55. استفاده از URL Resolver برای مسیرهای نسبی
• 56. پشتیبانی از JSON به عنوان ماژول
• 57. استفاده از Markdown به عنوان ماژول
• 58. دیباگ و رفع خرابی‌های رایج در بارگذاری ماژول‌ها
• 59. بهینه‌سازی عملکرد با تمرکز بر Core Web Vitals
• 60. استفاده از Critical CSS برای بارگذاری سریع
• 61. پیکربندی Font Loading Strategy
• 62. بهینه‌سازی فونت‌ها با Subset
• 63. استفاده از Icon Font یا SVG Icons
• 64. مدیریت Theme و استایل‌های متفاوت
• 65. پشتیبانی از RTL و زبان‌های راست‌به‌چپ
• 66. استفاده از CSS Variables
• 67. پشتیبانی از Dark Mode
• 68. افزودن قابلیت دسترسی (Accessibility) در باندل
• 69. استفاده از ARIA attributes
• 70. پیکربندی برای موبایل و پاسخ‌گرا
• 71. آزمون و تکرار برای مرورگرهای مختلف
• 72. استفاده از Cross-Browser Testing
• 73. پیکربندی برای حالت Print
• 74. آماده‌سازی برای انتشار و داکیومنتاسیون
• 75. نوشتن راهنمای کاربر برای استفاده از باندل