دوره Svelte Kit Deep Dive: Routing, Layouts, and Pages همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره Svelte Kit Deep Dive: Routing, Layouts, and Pages

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

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

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

• 1. معرفی SvelteKit
• 2. چرا SvelteKit؟
• 3. تفاوت Svelte با SvelteKit
• 4. نصب و راه‌اندازی SvelteKit
• 5. ساختار اولیه پروژه SvelteKit
• 6. مفهوم فایل‌ها و دایرکتوری‌ها در SvelteKit
• 7. اولین برنامه SvelteKit
• 8. اجرای پروژه در حالت توسعه
• 9. ساخت پروژه SvelteKit با Create Svelte
• 10. پروژه‌های SvelteKit پیش‌فرض
• 11. مقدمات Routing در SvelteKit
• 12. سیستم Routing مبتنی بر فایل
• 13. مفهوم Pages
• 14. ساخت اولین Page
• 15. فایل‌های `+page.svelte`
• 16. فایل‌های `+page.js`
• 17. فایل‌های `+page.server.js`
• 18. ساختار پوشه `src/routes`
• 19. قواعد نام‌گذاری برای Routing
• 20. صفحات داینامیک (Dynamic Routes)
• 21. پارامترهای Route
• 22. انتقال پارامترها به Page Components
• 23. Route Groups
• 24. Nested Routes
• 25. Layouts در SvelteKit
• 26. مفهوم Layouts
• 27. ساخت اولین Layout
• 28. فایل‌های `+layout.svelte`
• 29. فایل‌های `+layout.js`
• 30. فایل‌های `+layout.server.js`
• 31. Layouts تو در تو (Nested Layouts)
• 32. اشتراک‌گذاری Layouts
• 33. استفاده از Layouts پیش‌فرض
• 34. تنظیم Layout برای کل برنامه
• 35. Route-specific Layouts
• 36. Layouts با پارامترهای Route
• 37. مفهوم `$$slots` در Layouts
• 38. استفاده از `$$props` در Layouts
• 39. Props در Layouts
• 40. استایل‌دهی به Layouts
• 41. استایل‌دهی کلی با `app.css`
• 42. استایل‌دهی ماژولار در SvelteKit
• 43. مفهوم Server-Side Rendering (SSR)
• 44. SSR در SvelteKit
• 45. مزایای SSR
• 46. نحوه کار SSR در SvelteKit
• 47. Client-Side Rendering (CSR)
• 48. Hybrid Rendering
• 49. Static Site Generation (SSG)
• 50. مفهوم `load` Function
• 51. `load` Function در `+page.js`
• 52. `load` Function در `+page.server.js`
• 53. `load` Function در `+layout.js`
• 54. `load` Function در `+layout.server.js`
• 55. دسترسی به پارامترهای Route در `load`
• 56. دسترسی به `params`
• 57. دسترسی به `url`
• 58. دسترسی به `fetch`
• 59. دریافت داده از API در `load`
• 60. استفاده از `fetch` در `+page.server.js`
• 61. استفاده از `fetch` در `+layout.server.js`
• 62. اصول امنیت در `+page.server.js`
• 63. مفهوم `Form Actions`
• 64. ارسال داده با Form Actions
• 65. تعریف Form Actions در `+page.server.js`
• 66. استفاده از `use:enhance`
• 67. مدیریت موفقیت و خطا در Form Actions
• 68. ارسال داده با `POST` Request
• 69. ارسال داده با `PUT`, `DELETE`, `PATCH`
• 70. Form Actions با پارامترهای Route
• 71. Handling Multiple Form Actions
• 72. Reloading Page after Form Submission
• 73. Validation در Form Actions
• 74. Error Handling در Form Actions
• 75. Redirects بعد از Form Actions
• 76. مفهوم `Endpoints`
• 77. ساخت API Endpoints
• 78. فایل‌های `+server.js`
• 79. HTTP Methods (GET, POST, PUT, DELETE, etc.)
• 80. برگرداندن JSON از Endpoints
• 81. برگرداندن HTML از Endpoints
• 82. استفاده از `Request` Object
• 83. استفاده از `Response` Object
• 84. Error Handling در Endpoints
• 85. CORS در SvelteKit
• 86. Parameter Serialization
• 87. Query Parameters
• 88. Route Parameters in Endpoints
• 89. Handling Different Content Types
• 90. Streaming Data with Endpoints
• 91. Authentication در SvelteKit
• 92. Session Management
• 93. Cookie-based Authentication
• 94. Token-based Authentication
• 95. Protecting Routes
• 96. Hooks در SvelteKit
• 97. Server Hooks
• 98. Client Hooks
• 99. `handle` Hook
• 100. `handleFetch` Hook