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

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

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

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

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

موضوع میانی: برنامه‌نویسی رابط کاربری (Frontend) با فریم‌ورک‌های مدرن

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

• 1. مبانی برنامه‌نویسی وب و جایگاه فریم‌ورک اسولت در توسعه رابط کاربری
• 2. نصب و راه‌اندازی محیط توسعه برای پروژه‌های Svelte
• 3. ساختار فایل‌ها و معماری کامپوننت‌محور در اسولت
• 4. آشنایی با ترکیب نحوی (Syntax) اسولت و فایل‌های با پسوند svelte
• 5. مفهوم کامپوننت‌ها و نحوه تعریف آن‌ها در اپلیکیشن
• 6. کار با ویژگی‌ها (Props) و انتقال داده بین کامپوننت‌ها
• 7. مدیریت وضعیت‌های محلی با استفاده از متغیرهای واکنشی
• 8. کاربرد دستورات واکنشی برای به‌روزرسانی خودکار رابط کاربری
• 9. استفاده از بلوک‌های کنترلی if برای نمایش شرطی عناصر
• 10. مدیریت لیست‌ها و رندرینگ داده‌ها با بلوک‌های each
• 11. پیاده‌سازی کلیدها (Keys) در حلقه‌ها برای بهینه‌سازی رندرینگ
• 12. کار با بلوک‌های await برای مدیریت عملیات غیرهمگام
• 13. مدیریت رویدادها (Events) و ارتباط بین کامپوننت‌های والد و فرزند
• 14. استفاده از اصلاح‌کننده‌های رویداد (Event Modifiers) در اسولت
• 15. کار با اسلات‌ها (Slots) برای ایجاد کامپوننت‌های منعطف
• 16. استفاده از اسلات‌های نام‌گذاری شده برای چیدمان‌های پیچیده
• 17. کار با اتصال داده‌های دوطرفه (Two-way Binding) در فرم‌ها
• 18. استفاده از دستور bind برای مدیریت عناصر ورودی و چک‌باکس‌ها
• 19. مدیریت چرخه حیات کامپوننت با متد onMount
• 20. استفاده از متدهای beforeUpdate و afterUpdate در چرخه حیات
• 21. پاک‌سازی منابع با متد onDestroy
• 22. معرفی استورها (Stores) برای مدیریت وضعیت‌های سراسری
• 23. کار با استورهای قابل خواندن (Readable Stores)
• 24. استفاده از استورهای مشتق‌شده (Derived Stores) برای محاسبات داده‌ای
• 25. اشتراک در استورها با استفاده از عملگر دلار ($)
• 26. کار با APIهای داخلی اسولت برای تعامل با DOM
• 27. افزودن انیمیشن‌های ساده به رابط کاربری با دستورات داخلی
• 28. پیاده‌سازی انتقال‌های (Transitions) ورود و خروج عناصر
• 29. کار با دستورات (Actions) برای تعامل مستقیم با عناصر HTML
• 30. استفاده از کلاس‌های CSS به صورت محلی و ایزوله
• 31. بهینه‌سازی کدهای CSS در کامپوننت‌ها
• 32. مدیریت خطاهای رایج در توسعه رابط کاربری با اسولت
• 33. تلفیق تایپ‌اسکریپت (TypeScript) در پروژه‌های اسولت
• 34. تعریف اینترفیس‌ها و انواع داده برای پروپ‌ها در تایپ‌اسکریپت
• 35. کار با ابزارهای بیلد و کامپایل اسولت
• 36. استفاده از SvelteKit برای توسعه وب‌سایت‌های چندصفحه‌ای
• 37. مسیریابی (Routing) در پروژه‌های وب با اسولت
• 38. مدیریت داده‌های سمت سرور و بارگذاری داده‌ها
• 39. کار با فرم‌ها و اعتبارسنجی داده‌های ورودی
• 40. بهینه‌سازی عملکرد وب‌سایت (Performance Optimization)
• 41. تولید خروجی نهایی و استقرار (Deployment) در سرورهای داخلی
• 42. اصول طراحی واکنش‌گرا (Responsive Design) با اسولت
• 43. پیاده‌سازی الگوهای طراحی رابط کاربری استاندارد و ایرانی-اسلامی
• 44. کار با کتابخانه‌های UI سازگار با اسولت
• 45. امنیت در رابط کاربری و جلوگیری از حملات XSS
• 46. تست و عیب‌یابی کامپوننت‌های اسولت
• 47. مدیریت پیکربندی‌های محیطی در پروژه
• 48. استفاده از کامپوننت‌های کتابخانه‌ای برای افزایش سرعت توسعه
• 49. معماری پروژه برای مقیاس‌پذیری نرم‌افزارهای وب
• 50. مستندسازی کامپوننت‌ها برای تیم‌های توسعه
• 51. نکات تکمیلی برای ارتقای تجربه کاربری (UX)
• 52. پروژه نهایی: طراحی یک پنل کاربری واکنش‌گرا با اسولت