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

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

عنوان دوره: Svelte Components: Reusability and Patterns

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

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

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

• 1. مقدمه ای بر Svelte
• 2. چرا Svelte؟
• 3. مقایسه Svelte با فریمورک های دیگر
• 4. نصب SvelteKit
• 5. ساختار پروژه SvelteKit
• 6. مفاهیم پایه Svelte: کامپوننت ها
• 7. ایجاد اولین کامپوننت Svelte
• 8. سینتکس کامپوننت های Svelte (HTML, CSS, JavaScript)
• 9. متغیرها و State در Svelte
• 10. Props در Svelte
• 11. ارسال Props به کامپوننت فرزند
• 12. دریافت Props در کامپوننت والد
• 13. Event Handling در Svelte
• 14. ارسال Event از کامپوننت فرزند به والد
• 15. Listen کردن به Events در کامپوننت والد
• 16. Binding در Svelte (Two-way binding)
• 17. Conditional Rendering در Svelte
• 18. If/Else Blocks
• 19. Else If Blocks
• 20. Each Blocks برای Loop کردن
• 21. Keyed Each Blocks
• 22. Slots در Svelte
• 23. Named Slots
• 24. Scoped Slots
• 25. Default Slots
• 26. Component Composition
• 27. Reusability در Svelte
• 28. ایجاد کتابخانه کامپوننت
• 29. استایل دهی به کامپوننت ها
• 30. Scoped CSS در Svelte
• 31. Global CSS
• 32. CSS Variables
• 33. Dynamic Styling
• 34. Class Binding
• 35. Style Binding
• 36. Lifecycle Hooks در Svelte
• 37. onMount
• 38. onDestroy
• 39. beforeUpdate
• 40. afterUpdate
• 41. Svelte Stores
• 42. Writable Stores
• 43. Readable Stores
• 44. Derived Stores
• 45. Custom Stores
• 46. Using Stores in Components
• 47. Reactive Declarations ($:)
• 48. Computed Properties در Svelte
• 49. Watchers در Svelte
• 50. Context API در Svelte
• 51. Providing Context
• 52. Consuming Context
• 53. Custom Elements (Web Components)
• 54. Exporting Svelte Components as Web Components
• 55. Importing Web Components in Svelte
• 56. Advanced Svelte Features
• 57. Transitions در Svelte
• 58. Fade Transition
• 59. Slide Transition
• 60. Blur Transition
• 61. Draw Transition
• 62. Crossfade Transition
• 63. Custom Transitions
• 64. Animations در Svelte
• 65. Keyframes Animations
• 66. Spring Animations
• 67. Tweened Animations
• 68. Physical Animations
• 69. SvelteKit Routing
• 70. File-based Routing
• 71. Dynamic Routes
• 72. Layouts در SvelteKit
• 73. Page Components
• 74. Server-side Rendering (SSR) در SvelteKit
• 75. Static Site Generation (SSG) در SvelteKit
• 76. API Routes در SvelteKit
• 77. Data Fetching در SvelteKit (load function)
• 78. Client-side Data Fetching
• 79. Server-side Data Fetching
• 80. Error Handling در SvelteKit
• 81. Forms در SvelteKit
• 82. Form Actions
• 83. Form Validation
• 84. Working with APIs
• 85. Fetching Data from External APIs
• 86. Posting Data to External APIs
• 87. Authentication و Authorization در SvelteKit
• 88. Session Management
• 89. JWT Authentication
• 90. Third-party Authentication (OAuth)
• 91. State Management Patterns
• 92. Global State Management
• 93. Local Component State
• 94. Shared State Between Components
• 95. Managing Complex State
• 96. Component Patterns
• 97. Container/Presentational Components
• 98. Higher-Order Components (HOCs) - (Svelte Equivalent)
• 99. Render Props Pattern
• 100. Composition over Inheritance

Svelte Components: Reusability and Patterns | از مبتدی تا حرفه‌ای

معرفی دوره: به دنیای Svelte و کامپوننت‌های قدرتمند خوش آمدید!

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

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

درباره دوره: سفری عمیق به قلب Svelte

دوره Svelte Components: Reusability and Patterns یک دوره جامع و کاربردی است که به شما آموزش می‌دهد چگونه با Svelte، کامپوننت‌های با کیفیت، قابل استفاده مجدد و مقیاس‌پذیر بسازید. این دوره از مباحث پایه شروع شده و به سمت مباحث پیشرفته و الگوهای طراحی (patterns) حرکت می‌کند. شما با نحوه ساخت کامپوننت‌های پیشرفته، مدیریت داده‌ها، استفاده از رویدادها، پیاده‌سازی تعاملات پیچیده و بهینه‌سازی عملکرد آشنا خواهید شد. در طول دوره، پروژه‌های عملی و تمرین‌های جذاب، مهارت‌های شما را تقویت کرده و شما را برای مواجهه با چالش‌های دنیای واقعی آماده می‌کنند.

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

• مقدمه‌ای بر Svelte: آشنایی با مفاهیم اولیه، مزایا و فلسفه Svelte.
• ساخت کامپوننت‌های پایه: نحوه ایجاد و استفاده از کامپوننت‌های ساده Svelte.
• استفاده از props و events: انتقال داده‌ها به کامپوننت‌ها و برقراری ارتباط بین کامپوننت‌ها.
• مدیریت state: مدیریت state محلی و سراسری با استفاده از Svelte stores.
• شرط‌ها و حلقه‌ها: پیاده‌سازی منطق شرطی و تکرار در Svelte.
• تولید محتوای پویا: رندر کردن محتوای داینامیک با استفاده از Svelte.
• Svelte Transitions و Animations: ایجاد انیمیشن‌ها و ترانزیشن‌های جذاب.
• ساخت کامپوننت‌های پیچیده و قابل استفاده مجدد: تکنیک‌های پیشرفته برای کامپوننت‌سازی.
• الگوهای طراحی کامپوننت‌ها (Patterns): یادگیری الگوهای رایج برای معماری کامپوننت‌ها.
• بهینه‌سازی عملکرد و رفع اشکال: تکنیک‌های بهینه‌سازی و عیب‌یابی در Svelte.
• ایجاد یک پروژه کامل Svelte: پیاده‌سازی یک پروژه عملی برای تثبیت آموخته‌ها.
• استقرار پروژه‌های Svelte: آموزش استقرار پروژه‌های Svelte بر روی سرور.

مخاطبان دوره: این دوره برای کیست؟

این دوره برای افراد زیر مناسب است:

• برنامه‌نویسان وب: افرادی که دانش اولیه در زمینه HTML، CSS و JavaScript دارند و می‌خواهند مهارت‌های خود را در زمینه فرانت‌اند توسعه دهند.
• طراحان وب: طراحانی که می‌خواهند فرآیند طراحی خود را با استفاده از یک فریم‌ورک قدرتمند، ساده و مدرن مانند Svelte، بهبود بخشند.
• توسعه‌دهندگان React, Vue و Angular: توسعه‌دهندگانی که به دنبال یادگیری یک فریم‌ورک جدید و مقایسه آن با فریم‌ورک‌های فعلی خود هستند.
• علاقه‌مندان به Svelte: افرادی که به دنبال یادگیری عمیق Svelte و ساخت کامپوننت‌های حرفه‌ای هستند.

چرا این دوره را بگذرانیم؟ مزایای بی‌شمار یادگیری Svelte

با شرکت در دوره Svelte Components: Reusability and Patterns، شما مزایای زیر را کسب خواهید کرد:

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

سرفصل‌های دوره: گام به گام تا تسلط کامل بر Svelte

دوره Svelte Components: Reusability and Patterns شامل بیش از 100 سرفصل جامع و کاربردی است که شما را از مبتدی به سطح حرفه‌ای می‌رساند. در اینجا تنها به چند نمونه از سرفصل‌ها اشاره می‌کنیم:

• مقدمه و نصب Svelte
• ساخت اولین کامپوننت
• استفاده از Props
• کار با Events
• ساخت کامپوننت‌های شرطی
• حلقه‌ها در Svelte
• مدیریت State با Svelte Stores
• استفاده از Context API
• Svelte Transitions و Animations
• ساخت فرم‌های تعاملی
• اعتبارسنجی فرم‌ها
• استفاده از API‌های خارجی
• مدیریت Routing با Svelte
• ایجاد Layout های مختلف
• پروژه‌های عملی: ساخت یک To-Do List
• پروژه‌های عملی: ساخت یک Blog ساده
• ... و ده‌ها سرفصل کاربردی دیگر

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

📦 مجموعه شامل:

• ✅ ویدیوهای فارسی
• ✅ پادکست های صوتی فارسی
• ✅ کتاب PDF فارسی
• ✅ کتاب ۱۰۰۰ نکته فارسی خودمونی
• ✅ کتاب ۱۰۰۰ نکته رسمی فارسی
• ✅ کتاب ۱۰۰۰ پرسش و پاسخ ۴ گزینه ای فارسی