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

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

عنوان دوره: Vite و PWA: تبدیل وب‌سایت به اپلیکیشن پیشرو

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

موضوع میانی: وایت (Vite)

📋 سرفصل‌های دوره (100 موضوع)

• 1. مقدمه: وب مدرن و نیاز به ابزارهای نوین
• 2. وایت (Vite) چیست و چرا باید از آن استفاده کنیم؟
• 3. مقایسه وایت با ابزارهای دیگر (Webpack, Rollup)
• 4. اپلیکیشن پیشرو (PWA) چیست؟
• 5. مزایای کلیدی PWA: قابلیت نصب، عملکرد آفلاین، تعامل‌پذیری
• 6. پیش‌نیازهای دوره و نصب ابزارهای لازم (Node.js, npm/yarn/pnpm)
• 7. راه‌اندازی اولین پروژه وایت با `create-vite`
• 8. ساختار یک پروژه استاندارد وایت
• 9. اجرای سرور توسعه (Development Server)
• 10. آشنایی با Hot Module Replacement (HMR) در وایت
• 11. فایل `vite.config.js`: مرکز فرماندهی پروژه
• 12. مدیریت وابستگی‌ها: تفاوت `dependencies` و `devDependencies`
• 13. کار با ماژول‌های ES (ES Modules) به صورت نیتیو
• 14. وارد کردن (Importing) انواع فایل‌ها: CSS, JSON, تصاویر
• 15. مدیریت فایل‌های استاتیک و پوشه `public`
• 16. پیش‌پردازنده‌های CSS: کار با Sass/SCSS
• 17. پیش‌پردازنده‌های CSS: کار با Less و Stylus
• 18. استفاده از PostCSS و افزونه‌هایی مانند Autoprefixer
• 19. CSS Modules: ایزوله کردن استایل‌ها
• 20. بهینه‌سازی وابستگی‌ها (Dependency Pre-Bundling) با esbuild
• 21. متغیرهای محیطی (Environment Variables) و حالت‌ها (Modes)
• 22. استفاده از فایل‌های `.env`
• 23. دستور `vite build`: فرآیند ساخت نسخه نهایی
• 24. گزینه‌های پیکربندی Build در وایت
• 25. Glob Imports: وارد کردن چندین ماژول به صورت پویا
• 26. Dynamic Imports و Code Splitting خودکار
• 27. کار با Web Workers در وایت
• 28. پیکربندی سرور توسعه: پورت، پراکسی و HTTPS
• 29. Server-Side Rendering (SSR) در وایت: یک نگاه کلی
• 30. سیستم پلاگین در وایت: گسترش قابلیت‌ها
• 31. یکپارچه‌سازی وایت با React
• 32. یکپارچه‌سازی وایت با Vue.js
• 33. یکپارچه‌سازی وایت با Svelte
• 34. آشنایی با قالب‌های آماده (Templates) رسمی و کامیونیتی
• 35. نکات خاص کار با TypeScript در پروژه‌های وایت
• 36. سه ستون اصلی PWA: قابلیت، اطمینان، قابلیت نصب
• 37. آشنایی با فایل مانیفست اپلیکیشن وب (Web App Manifest)
• 38. آشنایی با سرویس ورکر (Service Worker)
• 39. چرخه حیات سرویس ورکر: ثبت، نصب، فعال‌سازی
• 40. HTTPS: پیش‌نیاز امنیتی برای PWA
• 41. ابزارهای توسعه‌دهنده مرورگر برای PWA (Lighthouse, Application Tab)
• 42. استراتژی‌های طراحی Responsive برای PWA
• 43. مفهوم App Shell: ساختار پایه اپلیکیشن
• 44. ساخت و اتصال فایل `manifest.json` به پروژه
• 45. ویژگی‌های اصلی مانیفست: `name`, `short_name`, `description`
• 46. تعریف آیکون‌ها برای پلتفرم‌های مختلف
• 47. کنترل ظاهر اپلیکیشن: `display`, `orientation`, `theme_color`
• 48. تنظیم صفحه شروع و محدوده (Scope) اپلیکیشن
• 49. افزودن قابلیت "افزودن به صفحه اصلی" (Add to Home Screen)
• 50. اعتبار‌سنجی و اشکال‌زدایی فایل مانیفست
• 51. ثبت (Registering) یک سرویس ورکر
• 52. رویداد `install`: پیش‌کش کردن (Precaching) منابع اصلی
• 53. رویداد `activate`: مدیریت کش‌های قدیمی و پاک‌سازی
• 54. رویداد `fetch`: رهگیری درخواست‌های شبکه
• 55. استراتژی کش Cache-First
• 56. استراتژی کش Network-First
• 57. استراتژی کش Stale-While-Revalidate
• 58. استراتژی کش Cache-Only و Network-Only
• 59. پیاده‌سازی صفحه آفلاین سفارشی (Offline Fallback Page)
• 60. مدیریت کش‌ها با Cache Storage API
• 61. ارتباط بین کلاینت و سرویس ورکر با `postMessage`
• 62. به‌روزرسانی سرویس ورکر و مدیریت نسخه‌های جدید
• 63. اشکال‌زدایی سرویس ورکر در مرورگر
• 64. محدودیت‌ها و ملاحظات امنیتی سرویس ورکرها
• 65. کتابخانه‌های کمکی: معرفی Workbox
• 66. معرفی `vite-plugin-pwa`: ابزار قدرتمند PWA برای وایت
• 67. نصب و پیکربندی اولیه `vite-plugin-pwa`
• 68. تولید خودکار فایل مانیفست با پلاگین
• 69. استراتژی‌های تولید سرویس ورکر: `GenerateSW`
• 70. پیکربندی `GenerateSW` برای پیش‌کش کردن منابع
• 71. تعریف قوانین کش در زمان اجرا (Runtime Caching) با `GenerateSW`
• 72. استراتژی‌های تولید سرویس ورکر: `InjectManifest`
• 73. چه زمانی از `InjectManifest` به جای `GenerateSW` استفاده کنیم؟
• 74. نوشتن فایل سرویس ورکر سفارشی برای `InjectManifest`
• 75. یکپارچه‌سازی Workbox با سرویس ورکر سفارشی
• 76. مدیریت به‌روزرسانی‌های PWA و نمایش اعلان به کاربر
• 77. پیاده‌سازی Prompt سفارشی برای نصب اپلیکیشن
• 78. حالت توسعه (Development) در مقابل حالت تولید (Production)
• 79. اشکال‌زدایی PWA ساخته‌شده با وایت
• 80. پیکربندی پیشرفته پلاگین: آیکون‌ها، زبان و …
• 81. Push Notifications: مقدمه و جریان کار
• 82. دریافت مجوز اعلان از کاربر (Push API)
• 83. نمایش اعلان از طریق سرویس ورکر (Notifications API)
• 84. Background Sync: همگام‌سازی داده‌ها در پس‌زمینه
• 85. Periodic Background Sync: همگام‌سازی دوره‌ای
• 86. Web Share API: به اشتراک‌گذاری محتوا به صورت نیتیو
• 87. App Badging API: نمایش اعلان روی آیکون اپلیکیشن
• 88. App Shortcuts: تعریف میان‌برهای سریع برای اپلیکیشن
• 89. File Handling API: ثبت PWA به عنوان بازکننده فایل
• 90. تست عملکرد PWA با Google Lighthouse
• 91. استراتژی‌های تست واحد (Unit Testing) برای منطق سرویس ورکر
• 92. بهترین شیوه‌های استقرار یک PWA
• 93. پیکربندی هدرهای HTTP برای کش و امنیت
• 94. استقرار PWA بر روی پلتفرم‌هایی مانند Netlify یا Vercel
• 95. یکپارچه‌سازی با CI/CD برای ساخت و استقرار خودکار
• 96. بهینه‌سازی عملکرد (Performance) در PWA
• 97. ملاحظات امنیتی پیشرفته برای PWA
• 98. آینده PWA و قابلیت‌های جدید (Project Fugu)
• 99. جمع‌بندی دوره و مرور پروژه‌ نهایی
• 100. منابع بیشتر برای یادگیری و مشارکت در جامعه PWA

Vite و PWA: تبدیل وب‌سایت به اپلیکیشن پیشرو | جهشی بزرگ در توسعه وب!

معرفی دوره

آیا می‌خواهید وب‌سایت‌های خود را به اپلیکیشن‌های سریع، قابل نصب و با تجربه کاربری بی‌نظیر تبدیل کنید؟ آیا به دنبال راهی هستید تا عملکرد وب‌سایت خود را به طور چشمگیری بهبود ببخشید و کاربران خود را شگفت‌زده کنید؟ دوره Vite و PWA: تبدیل وب‌سایت به اپلیکیشن پیشرو دقیقا همان چیزی است که به آن نیاز دارید!

در این دوره جامع، شما با استفاده از Vite، یک ابزار build نسل جدید و PWA (Progressive Web App)، استاندارد نوین توسعه وب، یاد می‌گیرید چگونه وب‌سایت‌های خود را به اپلیکیشن‌هایی قدرتمند تبدیل کنید که مانند اپلیکیشن‌های Native عمل می‌کنند. با Vite سرعت توسعه و Build خود را چندین برابر افزایش دهید و با PWA قابلیت‌های آفلاین، Push Notifications و نصب روی دستگاه را به وب‌سایت خود اضافه کنید.

این دوره نه تنها یک آموزش تئوری است، بلکه یک کارگاه عملی است که شما را از صفر تا صد با Vite و PWA آشنا می‌کند. با انجام پروژه‌های عملی و تمرین‌های کاربردی، شما مهارت‌های لازم برای تبدیل هر وب‌سایتی به یک اپلیکیشن پیشرو را کسب خواهید کرد.

درباره دوره

در این دوره، شما با مفاهیم اساسی Vite و PWA آشنا می‌شوید و یاد می‌گیرید که چگونه از این دو تکنولوژی در پروژه‌های واقعی استفاده کنید. از راه‌اندازی و پیکربندی Vite گرفته تا پیاده‌سازی قابلیت‌های PWA مانند Service Workers، Cache API و Web App Manifest، همه چیز را به صورت گام به گام و با مثال‌های عملی خواهید آموخت. این دوره برای توسعه‌دهندگان وب طراحی شده است که می‌خواهند مهارت‌های خود را ارتقا دهند و وب‌سایت‌های خود را به سطح جدیدی برسانند.

موضوعات کلیدی

• معرفی Vite: نسل جدید ابزارهای Build
• راه‌اندازی و پیکربندی Vite
• بهینه‌سازی تصاویر و فایل‌ها با Vite
• Hot Module Replacement (HMR) با Vite
• معرفی PWA: اپلیکیشن‌های پیشرو
• پیاده‌سازی Service Workers برای قابلیت آفلاین
• استفاده از Cache API برای ذخیره‌سازی داده‌ها
• ایجاد Web App Manifest برای نصب روی دستگاه
• Push Notifications: ارسال اعلان به کاربران
• بهینه‌سازی PWA برای عملکرد بهتر
• تبدیل وب‌سایت React به PWA
• تبدیل وب‌سایت Vue به PWA
• تبدیل وب‌سایت Vanilla JavaScript به PWA

مخاطبان دوره

این دوره برای چه کسانی مناسب است؟

• توسعه‌دهندگان وب که می‌خواهند با Vite و PWA آشنا شوند.
• توسعه‌دهندگانی که می‌خواهند عملکرد وب‌سایت‌های خود را بهبود بخشند.
• افرادی که به دنبال راهی برای تبدیل وب‌سایت به اپلیکیشن Native هستند.
• دانشجویان و علاقه‌مندان به حوزه توسعه وب مدرن.
• توسعه‌دهندگانی که با React, Vue یا Vanilla JavaScript کار می‌کنند.

چرا این دوره را بگذرانیم؟

گذراندن این دوره به شما کمک می‌کند تا:

• سرعت توسعه و Build پروژه‌های خود را چندین برابر افزایش دهید.
• وب‌سایت‌های خود را به اپلیکیشن‌های قابل نصب تبدیل کنید.
• تجربه کاربری بی‌نظیری را برای کاربران خود فراهم کنید.
• از قابلیت‌های آفلاین و Push Notifications بهره‌مند شوید.
• در بازار کار به یک توسعه‌دهنده وب متمایز تبدیل شوید.
• به روزترین تکنولوژی‌های توسعه وب را یاد بگیرید.
• پروژه‌های عملی و واقعی را با Vite و PWA انجام دهید.
• پشتیبانی فنی و راهنمایی از مدرسین مجرب دریافت کنید.

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

دوره Vite و PWA شامل 100 سرفصل جامع و کاربردی است که شما را از سطح مقدماتی تا پیشرفته با این دو تکنولوژی آشنا می‌کند. برخی از مهم‌ترین سرفصل‌ها عبارتند از:

• بخش اول: مقدمه‌ای بر Vite
  • معرفی Vite و مزایای آن نسبت به Webpack
  • نصب و راه‌اندازی Vite در پروژه‌های مختلف
  • پیکربندی Vite: تنظیمات اصلی و پیشرفته
  • استفاده از Plugin‌ها در Vite
  • بهینه‌سازی Build با Vite
• بخش دوم: آشنایی با PWA
  • مفهوم PWA و ویژگی‌های کلیدی آن
  • Web App Manifest: ایجاد و پیکربندی
  • Service Workers: پیاده‌سازی و مدیریت
  • Cache API: ذخیره‌سازی داده‌ها به صورت آفلاین
  • Push Notifications: ارسال اعلان به کاربران
• بخش سوم: Vite و React
  • ادغام Vite با React: بهترین روش‌ها
  • ساخت یک PWA با React و Vite
  • بهینه‌سازی React PWA با Vite
  • استفاده از React Router در PWA
  • مدیریت state در React PWA
• بخش چهارم: Vite و Vue
  • ادغام Vite با Vue: بهترین روش‌ها
  • ساخت یک PWA با Vue و Vite
  • بهینه‌سازی Vue PWA با Vite
  • استفاده از Vue Router در PWA
  • مدیریت state در Vue PWA
• بخش پنجم: Vite و Vanilla JavaScript
  • ادغام Vite با Vanilla JavaScript: بهترین روش‌ها
  • ساخت یک PWA با Vanilla JavaScript و Vite
  • بهینه‌سازی Vanilla JavaScript PWA با Vite
• بخش ششم: مباحث پیشرفته PWA
  • استراتژی‌های Cache پیشرفته
  • Background Sync: همگام‌سازی داده‌ها در پس‌زمینه
  • Web Share API: اشتراک‌گذاری محتوا
  • Payment Request API: پرداخت‌های آنلاین
  • Security Best Practices for PWA
• بخش هفتم: تست و دیباگ PWA
  • تست PWA با Lighthouse
  • دیباگ Service Workers
  • استفاده از DevTools برای دیباگ PWA
• بخش هشتم: استقرار و انتشار PWA
  • استقرار PWA در سرورهای مختلف
  • بهینه‌سازی PWA برای موتورهای جستجو (SEO)
  • اندازه‌گیری و تحلیل عملکرد PWA
• و ده‌ها سرفصل دیگر…

ثبت نام در دوره

📚 محتوای این محصول آموزشی (پکیج کامل)

🎁 محتویات کامل بسته دانلودی

• ویدیوهای آموزشی فارسی — آموزش قدم‌به‌قدم، کاربردی و قابل فهم
• پادکست‌های صوتی فارسی — توضیح مفاهیم کلیدی و نکات تکمیلی
• کتاب PDF فارسی — شامل کلیهٔ سرفصل‌ها و محتوای آموزشی
• کتاب خلاصه نکات ویدیوها و پادکست‌ها – نسخه PDF — مناسب مرور سریع و جمع‌بندی مباحث
• کتاب صدها نکته فارسی (خودمونی) – نسخه PDF — زبان ساده و کاربردی
• کتاب صدها نکته رسمی فارسی – نسخه PDF — نگارش استاندارد، علمی و مناسب چاپ
• کتاب صدها پرسش و پاسخ تشریحی – نسخه PDF
  — هر سؤال بلافاصله همراه با پاسخ کامل و شفاف ارائه شده است؛ مناسب درک عمیق مفاهیم و رفع ابهام.
• کتاب صدها پرسش و پاسخ چهارگزینه‌ای – نسخه PDF (نسخه یادگیری سریع)
  — پاسخ‌ها بلافاصله پس از سؤال قرار دارند؛ مناسب یادگیری سریع و تثبیت مطالب.
• کتاب صدها پرسش و پاسخ چهارگزینه‌ای – نسخه PDF (نسخه خودآزمایی پایان‌بخش)
  — پاسخ‌ها در انتهای هر بخش آمده‌اند؛ مناسب آزمون واقعی و سنجش میزان یادگیری.
• کتاب تمرین‌های درست / نادرست (True / False) – نسخه PDF
  — مناسب افزایش دقت مفهومی و تشخیص صحیح یا نادرست بودن گزاره‌ها.
• کتاب تمرین‌های جای خالی – نسخه PDF
  — تقویت یادگیری فعال و تسلط بر مفاهیم و اصطلاحات کلیدی.

🎯 این بسته یک دورهٔ آموزشی کامل و چندلایه است؛ شامل آموزش تصویری، صوتی، کتاب‌ها، تمرین‌ها و خودآزمایی .

---

ℹ️ نکات مهم هنگام خرید

• این محصول به صورت فایل دانلودی کامل ارائه می‌شود و نسخهٔ چاپی ندارد.
• تمامی فایل‌ها و کتاب‌ها کاملاً فارسی هستند.
• توجه: لینک‌های اختصاصی دوره طی ۴۸ ساعت پس از ثبت سفارش ارسال می‌شوند.
• نیازی به درج شماره موبایل نیست؛ اما برای پشتیبانی سریع‌تر توصیه می‌شود.
• در صورت بروز مشکل در دانلود با شماره 09395106248 تماس بگیرید.
• اگر پرداخت انجام شده ولی لینک‌ها را دریافت نکرده‌اید، نام و نام خانوادگی و نام محصول را پیامک کنید تا لینک‌ها دوباره ارسال شوند.

💬 راه‌های ارتباطی پشتیبانی:
واتس‌اپ یا پیامک: 09395106248
تلگرام: @ma_limbs