فلش‌کارت‌های آموزشی آموزش جامع توسعه وب‌سایت‌های بهینه و واکنش‌گرا با فریم‌ورک Svelte

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

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

عنوان دوره: دوره آموزش جامع توسعه وب‌سایت‌های بهینه و واکنش‌گرا با فریم‌ورک Svelte

موضوع کلی: مهندسی نرم‌افزار و توسعهٔ وب

موضوع میانی: توسعه رابط کاربری (Front-end) با ابزارهای مدرن

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

• 1. مبانی وب و جایگاه Svelte در توسعه رابط کاربری
• 2. نصب و راه‌اندازی محیط توسعه برای Svelte
• 3. ساختار پروژه و فایل‌های کامپوننت در Svelte
• 4. آشنایی با سینتکس HTML در کامپوننت‌های Svelte
• 5. مفاهیم پایه واکنش‌گرایی در Svelte
• 6. نحوه تعریف و استفاده از متغیرها در کامپوننت‌ها
• 7. اعلام واکنش‌گرایی با استفاده از علامت دلار
• 8. کار با رویدادها و مدیریت تعاملات کاربر
• 9. استفاده از دستورات شرطی در قالب‌های HTML
• 10. تکرار عناصر با استفاده از حلقه در Svelte
• 11. مدیریت وضعیت‌های داخلی کامپوننت
• 12. ارسال داده‌ها به کامپوننت‌های فرزند با Props
• 13. ارتباط میان کامپوننت‌ها با استفاده از Event Dispatching
• 14. استفاده از اسلات‌ها برای ساخت کامپوننت‌های منعطف
• 15. کار با فرم‌ها و اتصال دوطرفه داده‌ها
• 16. اعتبارسنجی ورودی‌های فرم در سمت کلاینت
• 17. مدیریت چرخه‌حیات کامپوننت با متدهای OnMount و OnDestroy
• 18. کار با Storeها برای مدیریت وضعیت سراسری برنامه
• 19. اشتراک در تغییرات Store و بروزرسانی رابط کاربری
• 20. استفاده از انیمیشن‌های داخلی در Svelte
• 21. پیاده‌سازی ترنزیشن‌های CSS برای بهبود تجربه کاربری
• 22. استفاده از دستورات کنترلی در انیمیشن‌ها
• 23. مدیریت درخواست‌های شبکه و واکشی داده‌ها از API
• 24. استفاده از Await برای نمایش وضعیت بارگذاری داده‌ها
• 25. کار با Context API برای انتقال داده‌های عمیق
• 26. بهینه‌سازی عملکرد با استفاده از متغیرهای واکنش‌گرای مشتق‌شده
• 27. مدیریت کلاس‌های CSS به‌صورت پویا در کامپوننت‌ها
• 28. جداسازی منطق از ظاهر در پروژه‌های بزرگ
• 29. ساخت کامپوننت‌های قابل استفاده مجدد و ماژولار
• 30. استفاده از پیش‌پردازنده‌های CSS در Svelte
• 31. کار با SvelteKit برای توسعه وب‌سایت‌های کامل
• 32. مسیریابی در برنامه‌های SvelteKit
• 33. مدیریت داده‌های سمت سرور در SvelteKit
• 34. استفاده از Load Functions برای پیش‌بارگذاری داده‌ها
• 35. کار با Layoutها برای حفظ ساختار سایت
• 36. مدیریت خطاها و صفحات وضعیت در SvelteKit
• 37. استفاده از فرم‌های استاندارد وب در SvelteKit
• 38. بهینه‌سازی تصاویر و منابع برای افزایش سرعت سایت
• 39. تکنیک‌های سئو و بهینه‌سازی برای موتورهای جستجو
• 40. استفاده از SSR برای بهبود سرعت لود اولیه
• 41. پیاده‌سازی حالت‌های مختلف رندرینگ در SvelteKit
• 42. امنیت در توسعه وب و جلوگیری از تزریق کدهای مخرب
• 43. محافظت از مسیرها و مدیریت دسترسی کاربران
• 44. تست‌نویسی برای کامپوننت‌های Svelte
• 45. استفاده از ابزارهای تست واحد برای منطق برنامه
• 46. ساخت کتابخانه کامپوننت‌های اختصاصی
• 47. مدیریت وابستگی‌های پروژه با NPM
• 48. تولید نسخه نهایی و بیلد گرفتن از پروژه
• 49. استقرار وب‌سایت در سرویس‌های میزبانی داخلی
• 50. پایش عملکرد و رفع اشکالات در محیط عملیاتی