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

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

عنوان دوره: Svelte: A Developer's Guide to Building Fast Websites

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

موضوع میانی: سوِلت (Svelte)

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

• 1. مقدمه به Svelte: چرا Svelte؟
• 2. فلسفه Svelte: کامپایلر محور
• 3. آماده‌سازی محیط توسعه
• 4. نصب SvelteKit: فریمورک رسمی
• 5. اولین کامپوننت Svelte شما: Hello World
• 6. آشنایی با کامپوننت‌های Svelte (فایل‌های .svelte)
• 7. اعلانات واکنشی Svelte: `$:`
• 8. داده‌های پویا با Props
• 9. مقادیر پیش‌فرض Props
• 10. گسترش (Spreading) Props
• 11. مدیریت رویدادها با دایرکتیو `on:`
• 12. اصلاح‌کننده‌های رویداد (Event Modifiers)
• 13. اتصال داده دوطرفه (Two-way Data Binding)
• 14. اتصال ورودی‌ها: Text, Checkbox, Radio
• 15. اتصالات گروهی برای Checkbox و Radio
• 16. اتصالات عنصر Select
• 17. ترکیب کامپوننت‌ها: تو در تو کردن کامپوننت‌ها
• 18. ارسال داده به بالا: رویدادهای سفارشی
• 19. استایل‌دهی کامپوننت: CSS Scope شده
• 20. استایل‌های سراسری و فریمورک‌های CSS
• 21. رندر مشروط با بلوک `{#if}`
• 22. بلوک‌های `{:else}` و `{:else if}`
• 23. تکرار با بلوک‌های `{#each}`
• 24. بلوک‌های Each کلیددار (Keyed Each Blocks) برای عملکرد
• 25. بلوک‌های Await: مدیریت عملیات ناهمگام
• 26. Promises و حالت‌های Await
• 27. دیباگ کردن برنامه‌های Svelte
• 28. واکنش‌گرایی و انتساب‌ها
• 29. درک فرآیند کامپایل Svelte
• 30. DOM و Virtual DOM (رویکرد Svelte)
• 31. مقدمه به Svelte Stores
• 32. Stores نوشتنی: مدیریت حالت پایه
• 33. Stores خواندنی
• 34. Stores مشتق شده: تبدیل حالت
• 35. Stores سفارشی
• 36. الگوی Auto-subscribe (`$store`)
• 37. استفاده از Local Storage با Svelte Stores
• 38. استفاده از Session Storage با Svelte Stores
• 39. API Context: ارسال عمیق داده
• 40. استفاده از Context برای تم‌بندی
• 41. بهترین روش‌ها برای مدیریت حالت
• 42. مدیریت حالت سراسری برنامه
• 43. Libraries مدیریت حالت خارجی (اشاره کوتاه)
• 44. بیانیه‌های واکنشی در مقابل Stores برای حالت محلی
• 45. پیاده‌سازی یک Store احراز هویت ساده
• 46. توابع چرخه حیات کامپوننت: `onMount`
• 47. `onDestroy` برای پاکسازی
• 48. `beforeUpdate` و `afterUpdate`
• 49. `tick()` برای به‌روزرسانی‌های DOM
• 50. مقدمه به Transitions در Svelte
• 51. Transitions داخلی: `fade`, `slide`, `blur`, `fly`, `scale`
• 52. Transitions سفارشی CSS
• 53. Transitions سفارشی JavaScript
• 54. Transitions به تعویق افتاده با `{#key}`
• 55. Actions: توسعه عناصر HTML
• 56. مقدمه به SvelteKit
• 57. مسیریابی مبتنی بر فایل‌سیستم در SvelteKit
• 58. مسیرهای پویا
• 59. پارامترها و Slugs مسیر
• 60. Layouts: رابط کاربری مشترک در مسیرها
• 61. Layouts تو در تو
• 62. Page Endpoints (`+server.js`)
• 63. بارگذاری داده در صفحات SvelteKit (`+page.server.js`, `+page.js`)
• 64. مدیریت فرم‌ها و ارسال داده در SvelteKit
• 65. رندر سمت سرور (SSR) در SvelteKit
• 66. تولید سایت استاتیک (SSG) با Adapters در SvelteKit
• 67. حالت Single-Page Application (SPA)
• 68. Hooks در SvelteKit (`src/hooks.server.js`, `src/hooks.client.js`)
• 69. احراز هویت و مجوز با Hooks
• 70. مدیریت خطا در SvelteKit
• 71. جریان‌سازی داده (Streaming Data) با `await` در SvelteKit
• 72. استفاده از APIهای شخص ثالث با SvelteKit
• 73. جهش‌های داده (Data Mutations) و نامعتبرسازی کش
• 74. بهبود تدریجی (Progressive Enhancement) با فرم‌های SvelteKit
• 75. Endpoints برای APIهای RESTful
• 76. مزایای عملکردی Svelte
• 77. تقسیم کد (Code Splitting) و Tree Shaking
• 78. استراتژی‌های بهینه‌سازی تصاویر
• 79. بارگذاری تنبل (Lazy Loading) کامپوننت‌ها و مسیرها
• 80. اندازه‌گیری عملکرد با ابزارهای مرورگر
• 81. بهینه‌سازی بسته‌های Svelte (Bundles)
• 82. Web Vitals و Svelte
• 83. بهترین روش‌های SEO با SvelteKit
• 84. دسترسی‌پذیری (a11y) در Svelte
• 85. استراتژی‌های کشینگ برای وب‌سایت‌های سریع‌تر
• 86. مقدمه به تست برنامه‌های Svelte
• 87. تست واحد کامپوننت‌ها با Vitest
• 88. نوشتن تست‌های واحد مؤثر
• 89. تست یکپارچه‌سازی با `@testing-library/svelte`
• 90. Mock کردن APIها برای تست
• 91. تست سرتاسری (End-to-End) با Playwright یا Cypress
• 92. راه‌اندازی خط لوله CI/CD
• 93. استقرار SvelteKit در Vercel
• 94. استقرار SvelteKit در Netlify
• 95. ساخت برای Production
• 96. کتابخانه‌های کامپوننت Svelte و فریمورک‌های UI
• 97. ادغام با فناوری‌های بک‌اند
• 98. ساخت کتابخانه‌های Svelte قابل استفاده مجدد
• 99. Svelte و Web Components
• 100. آینده Svelte و SvelteKit

دوره جامع Svelte: راهنمای ساخت وب‌سایت‌های مدرن و فوق‌سریع

معرفی دوره: آینده توسعه وب را امروز تجربه کنید!

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

دوره «Svelte: راهنمای توسعه‌دهندگان برای ساخت وب‌سایت‌های سریع» یک مسیر آموزشی کامل و پروژه-محور است که شما را از سطح مبتدی تا تسلط کامل بر این تکنولوژی انقلابی همراهی می‌کند. در این دوره، ما فقط به شما یاد نمی‌دهیم که Svelte چیست، بلکه به شما نشان می‌دهیم چگونه با استفاده از آن و فریمورک قدرتمند SvelteKit، اپلیکیشن‌های فول-استک مدرن، سریع و سئومحور (SEO-friendly) بسازید. اگر آماده‌اید تا مهارت‌های خود را به سطح بعدی ببرید و به جمع توسعه‌دهندگان پیشرو بپیوندید، این دوره برای شما طراحی شده است.

درباره دوره: یادگیری عمیق، ساخت پروژه‌های واقعی

این دوره فقط مجموعه‌ای از مفاهیم تئوری نیست؛ بلکه یک کارگاه عملی برای ساخت و یادگیری است. ما باور داریم که بهترین راه برای یادگیری برنامه‌نویسی، ساختن پروژه‌های واقعی است. به همین دلیل، شما از همان ابتدا با مفاهیم اساسی Svelte مانند کامپوننت‌ها، واکنش‌گرایی (Reactivity) و مدیریت وضعیت (State Management) آشنا می‌شوید و بلافاصله آن‌ها را در پروژه‌های کوچک به کار می‌گیرید. سپس، با ورود به دنیای SvelteKit، یاد می‌گیرید چگونه اپلیکیشن‌های کامل با مسیریابی (Routing)، بارگذاری داده از سرور و Form Actions بسازید. در پایان این دوره، شما نه تنها دانش تئوری عمیقی از Svelte خواهید داشت، بلکه چندین پروژه کاربردی در رزومه خود دارید که توانایی شما را به کارفرمایان آینده اثبات می‌کند.

موضوعات کلیدی که در این دوره خواهید آموخت:

• مبانی و اصول کلیدی Svelte و تفاوت آن با فریمورک‌های دیگر
• ساخت کامپوننت‌های قابل استفاده مجدد و مدیریت Props
• واکنش‌گرایی (Reactivity) جادویی Svelte و نحوه عملکرد آن
• مدیریت رویدادها، اتصال داده دوطرفه (Two-way Data Binding) و کار با فرم‌ها
• رندرینگ شرطی، حلقه‌ها و کار با بلاک‌های منطقی
• استایل‌دهی هوشمند و Scoped CSS برای جلوگیری از تداخل استایل‌ها
• مدیریت وضعیت پیشرفته و سراسری با Svelte Stores
• انیمیشن‌ها و ترنزیشن‌های روان و چشم‌نواز با ماژول‌های داخلی Svelte
• ورود به دنیای فول-استک با SvelteKit: مسیریابی، لایوت‌ها و بارگذاری داده
• ساخت API Routes و مدیریت درخواست‌های سرور
• بهینه‌سازی عملکرد و تکنیک‌های پیشرفته برای ساخت اپلیکیشن‌های سریع
• تست‌نویسی و استقرار (Deploy) پروژه‌های Svelte روی پلتفرم‌های مدرن

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

• توسعه‌دهندگان فرانت‌اند: که به دنبال یادگیری یک فریمورک مدرن، سریع و با منحنی یادگیری ملایم هستند.
• توسعه‌دهندگان React، Vue یا Angular: که می‌خواهند یک جایگزین ساده‌تر و پرفورمنس بالاتر را به جعبه ابزار خود اضافه کنند.
• برنامه‌نویسان جاوااسکریپت: که قصد دارند مهارت‌های خود را گسترش داده و وارد دنیای ساخت رابط‌های کاربری کامپوننت-محور شوند.
• دانشجویان و تازه‌کاران: که می‌خواهند با یک تکنولوژی پیشرو و آینده‌دار وارد بازار کار شده و مزیت رقابتی کسب کنند.
• توسعه‌دهندگان فول-استک: که به دنبال یک ابزار قدرتمند برای ساخت رابط‌های کاربری پویا و یکپارچه با بک‌اند هستند.

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

• عملکرد بی‌نظیر را تجربه کنید

  Svelte یک کامپایلر است، نه یک فریمورک. این یعنی کدهای شما در زمان ساخت به جاوااسکریپت خالص و بهینه تبدیل می‌شود. نتیجه؟ وب‌سایت‌هایی با سرعت بارگذاری فوق‌العاده سریع و بدون نیاز به Virtual DOM که تجربه کاربری بی‌نظیری را رقم می‌زنند.

• کدنویسی کمتر، بهره‌وری بیشتر

  سینتکس Svelte بسیار ساده، خوانا و نزدیک به HTML، CSS و جاوااسکریپت استاندارد است. شما با کدنویسی کمتر، کارهای بیشتری انجام می‌دهید و از پیچیدگی‌های غیرضروری و کدهای تکراری (Boilerplate) خلاص می‌شوید.

• یادگیری مهارت‌های آینده‌محور

  Svelte به سرعت در حال تبدیل شدن به یکی از محبوب‌ترین و مورد علاقه‌ترین ابزارهای توسعه وب در جهان است. با یادگیری آن، شما خود را در لبه تکنولوژی قرار می‌دهید و فرصت‌های شغلی بهتر و هیجان‌انگیزتری برای خود ایجاد می‌کنید.

• آموزش جامع و پروژه-محور

  این دوره با پوشش کامل Svelte و SvelteKit، از مفاهیم پایه تا مباحث پیشرفته، شما را به یک متخصص تبدیل می‌کند. ساخت پروژه‌های واقعی به شما کمک می‌کند تا دانش خود را تثبیت کرده و با اعتماد به نفس وارد بازار کار شوید.

• جامع‌ترین سرفصل آموزشی

  با بیش از ۱۰۰ سرفصل دقیق و کاربردی، هیچ نکته‌ای ناگفته باقی نمی‌ماند. ما تمام جنبه‌های مورد نیاز برای ساخت اپلیکیشن‌های مدرن با Svelte را پوشش داده‌ایم.

سرفصل‌های دوره: سفری از صفر تا قهرمانی در Svelte

این دوره با بیش از ۱۰۰ سرفصل جامع و پروژه-محور، شما را به یک متخصص Svelte تبدیل می‌کند. در ادامه نگاهی به برخی از مهم‌ترین بخش‌های این سفر آموزشی خواهیم داشت:

بخش اول: مبانی Svelte و شروع به کار

• Svelte چیست و چرا باید از آن استفاده کنیم؟ (مقایسه با React و Vue)
• راه‌اندازی محیط توسعه و ساخت اولین پروژه Svelte
• ساختار یک کامپوننت Svelte (`<script>`, `<style>`, Markup)
• متغیرها، عبارات و واکنش‌گرایی (Reactivity) با `$`
• استفاده از Props برای ارسال داده به کامپوننت‌های فرزند

بخش دوم: کامپوننت‌ها و اصول پیشرفته

• مدیریت رویدادها (Events) و اصلاح‌کننده‌های رویداد (Event Modifiers)
• ارتباط کامپوننت فرزند با والد با `createEventDispatcher`
• استفاده از اسلات‌ها (Slots) برای ساخت کامپوننت‌های انعطاف‌پذیر
• مفهوم Context API برای اشتراک‌گذاری داده بدون Prop Drilling
• رویدادهای چرخه حیات کامپوننت (Lifecycle Events) مانند `onMount` و `onDestroy`

بخش سوم: منطق برنامه، فرم‌ها و انیمیشن

• رندرینگ شرطی با بلوک‌های `{#if … else}`
• حلقه‌ها و تکرار لیست‌ها با بلوک `{#each}` و کار با Keyed Blocks
• کار با Promises در قالب HTML با بلوک `{#await}`
• اتصال داده دوطرفه (Two-way Binding) با `bind:value` برای فرم‌ها
• انیمیشن‌های روان و زیبا با ماژول‌های `svelte/transition`، `svelte/animate` و `svelte/motion`

بخش چهارم: مدیریت وضعیت سراسری (Global State Management)

• آشنایی با Svelte Stores: چرا و چه زمانی به آن‌ها نیاز داریم؟
• ساخت و استفاده از Writable Stores برای داده‌های قابل تغییر
• استفاده از Readable Stores برای داده‌های فقط-خواندنی
• ایجاد Derived Stores برای محاسبه مقادیر جدید بر اساس استورهای دیگر
• الگوهای پیشرفته برای مدیریت وضعیت در اپلیکیشن‌های بزرگ

بخش پنجم: ساخت اپلیکیشن‌های فول-استک با SvelteKit

• معرفی SvelteKit و مزایای آن (SSR, SSG, SEO)
• ساختار پروژه SvelteKit و مسیریابی مبتنی بر فایل (File-based Routing)
• ایجاد لایوت‌های سراسری و تودرتو برای صفحات مختلف
• بارگذاری داده (Loading Data) در سمت سرور و کلاینت با توابع `load`
• کار با Form Actions برای مدیریت ارسال فرم‌ها به صورت امن و پیشرفته
• ساخت API Routes برای ایجاد بک‌اند و ارتباط با دیتابیس

بخش ششم: مباحث تکمیلی، تست و استقرار

• تکنیک‌های بهینه‌سازی عملکرد در Svelte
• پیش‌رندرینگ (Prerendering) و تولید سایت‌های استاتیک (SSG)
• مقدمه‌ای بر تست‌نویسی برای کامپوننت‌های Svelte
• استقرار (Deploy) پروژه SvelteKit روی پلتفرم‌های Vercel و Netlify
• پروژه نهایی: ساخت یک وب‌اپلیکیشن کامل و کاربردی از صفر تا صد

و این تنها بخش کوچکی از بیش از ۱۰۰ سرفصل این دوره است! آماده‌اید تا آینده وب را با Svelte بسازید؟ همین امروز ثبت‌نام کنید و سفر خود را برای تبدیل شدن به یک توسعه‌دهنده حرفه‌ای Svelte آغاز کنید!

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

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

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

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

---

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

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

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