اپلیکیشن اندرویدی فلش‌کارت آموزشی آموزش جامع سیستم‌های طراحی (Design Systems)؛ از نمونه‌سازی در فیگما تا پیاده‌سازی در دروپال با استفاده از استوری‌بوک

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

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

عنوان دوره: دوره آموزش جامع سیستم‌های طراحی (Design Systems)؛ از نمونه‌سازی در فیگما تا پیاده‌سازی در دروپال با استفاده از استوری‌بوک

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

موضوع میانی: یکپارچه‌سازی طراحی رابط کاربری (UI) و پیاده‌سازی فنی

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

• 1. مبانی و اهمیت سیستم‌های طراحی در توسعه وب مدرن
• 2. آشنایی با نقشه‌های راه طراحی و پیاده‌سازی
• 3. اصول طراحی اتمیک و ساختار سلسله‌مراتبی در فیگما
• 4. تنظیمات استاندارد در فیگما برای خروجی‌های برنامه‌نویسی
• 5. مدیریت رنگ‌ها، تایپوگرافی و متغیرها در سیستم طراحی
• 6. طراحی مولفه‌های پایه شامل دکمه‌ها، ورودی‌ها و چک‌باکس‌ها
• 7. روش‌های انتقال دارایی‌های طراحی به محیط توسعه
• 8. معرفی استوری‌بوک و نقش آن در جداسازی مولفه‌ها
• 9. نصب و راه‌اندازی محیط استوری‌بوک در پروژه
• 10. ساختار فایل‌بندی و مدیریت مولفه‌ها در استوری‌بوک
• 11. پیاده‌سازی استایل‌های پایه با استفاده از CSS و متغیرهای طراحی
• 12. ساخت مولفه‌های واکنش‌گرا در محیط استوری‌بوک
• 13. مدیریت وضعیت‌های مختلف مولفه‌ها در استوری‌بوک
• 14. مستندسازی فنی مولفه‌ها برای تیم‌های توسعه
• 15. آشنایی با معماری دروپال برای پیاده‌سازی سیستم طراحی
• 16. ساختار دروپال و مفاهیم قالب‌سازی در هسته
• 17. اتصال استوری‌بوک به دروپال با استفاده از ماژول‌های رابط
• 18. تبدیل مولفه‌های استوری‌بوک به قالب‌های Twig در دروپال
• 19. مدیریت فیلدهای دروپال در انطباق با سیستم طراحی
• 20. استفاده از پاراگراف‌ها برای چیدمان مولفه‌محور در دروپال
• 21. پیاده‌سازی سیستم گرید و چیدمان در دروپال
• 22. بهینه‌سازی عملکرد مولفه‌ها در دروپال
• 23. مدیریت تم‌ها و زیرتم‌ها در دروپال
• 24. تست و اعتبارسنجی مولفه‌ها در محیط مرورگر
• 25. آموزش کار با ابزارهای بازرسی برای عیب‌یابی طراحی
• 26. اصول دسترسی‌پذیری در پیاده‌سازی مولفه‌های وب
• 27. مدیریت نسخه‌بندی سیستم طراحی در گیت
• 28. اصول نگهداری و بروزرسانی سیستم طراحی در طول زمان
• 29. تطبیق سیستم طراحی با استانداردهای امنیتی دروپال
• 30. تولید مستندات نهایی برای تحویل پروژه به تیم‌های همکار