اکسپرس 24
کتاب اصول طراحی UI/UX با فریم‌ورک‌های CSS

کتاب اصول طراحی UI/UX با فریم‌ورک‌های CSS

تگ‌ها: accessibility bootstrap css css frameworks design system front-end materialize mobile-first responsive design tailwindcss ui ui design ux ux principles web development

انتخاب پلن

انتخاب پلن برای ادامه خرید الزامی است.

پرداخت اقساطی
در صورت خرید اقساطی هر قسط: 62,488 تومان
۴ قسط ماهانه. بدون سود، چک و ضامن.
پرداخت اقساطی با دیجی‌پی پرداخت اقساطی با ترب‌پی

📚 محتوای این محصول آموزشی (پکیج کامل)

💡 این محصول یک نسخهٔ کامل و جامع است

تمامی محتوای آموزشی این کتاب در قالب یک بسته‌ی کامل و یکپارچه ارائه می‌شود و شامل تمام نسخه‌ها و فایل‌های موردنیاز برای یادگیری است.

🎁 محتویات کامل بسته دانلودی

🎯 این بسته یک دورهٔ آموزشی کامل و چندلایه است؛ شامل کتاب‌ها، تمرین‌ها و خودآزمایی .

ℹ️ نکات مهم هنگام خرید

  • این محصول به صورت فایل دانلودی کامل ارائه می‌شود و نسخهٔ چاپی ندارد.
  • توجه: لینک‌های اختصاصی دوره طی حداکثر 24 ساعت پس از ثبت سفارش ارسال می‌شوند.
  • دقت کنید لینک ها به شماره موبایل شما ارسال می شوند. پس در ارائه شماره موبایل صحیح دقت کنید.
  • برای راهنمایی در مورد نحوه دانلود به شماره 09395106248 پیامک دهید یا تماس بگیرید. (ایده آل ترین گزینه ارسال پیام در یکی از پیام رسان ها به همین شماره است تا سریعا لینک های کتاب همانجا برای شما ارسال گردد.)
  • اگر پرداخت انجام شده ولی بعد از 24 ساعت هنوز لینک‌ها را دریافت نکرده‌اید، نام و نام خانوادگی و نام محصول را پیامک کنید تا لینک‌ها دوباره ارسال شوند.

💬 راه‌های ارتباطی پشتیبانی:
واتس‌اپ یا هر پیام رسان داخلی یا پیامک: 09395106248
تلگرام: @ma_limbs

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

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

عنوان دوره: دوره اصول طراحی UI/UX با فریم‌ورک‌های CSS

موضوع کلی: توسعه و طراحی وب

موضوع میانی: فریم‌ورک‌های CSS (Bootstrap, Tailwind CSS, Materialize)

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

  • 1. مقدمه‌ای بر طراحی UI/UX و اهمیت آن در توسعه وب
  • 2. اصول طراحی رابط کاربری (UI)
  • 3. اصول طراحی تجربه کاربری (UX)
  • 4. بررسی چرخه طراحی UI/UX
  • 5. معرفی فریم‌ورک‌های CSS محبوب (Bootstrap, Tailwind CSS, Materialize)
  • 6. مقایسه فریم‌ورک‌های CSS از نظر UI/UX
  • 7. نصب و راه‌اندازی Bootstrap
  • 8. ساختار کلی Bootstrap و Grid System
  • 9. کامپوننت‌های اصلی Bootstrap (دکمه‌ها، فرم‌ها، ناوبری و...)
  • 10. استفاده از Grid System Bootstrap برای طراحی چیدمان‌های واکنش‌گرا
  • 11. سفارشی‌سازی Bootstrap (تغییر رنگ‌ها، فونت‌ها و...)
  • 12. نصب و راه‌اندازی Tailwind CSS
  • 13. آشنایی با کلاس‌های Utility-First در Tailwind CSS
  • 14. ساخت چیدمان‌های پیچیده با Tailwind CSS
  • 15. سفارشی‌سازی Tailwind CSS با فایل `tailwind.config.js`
  • 16. کامپوننت‌های پیشرفته Tailwind CSS (Dark Mode، Transitions و...)
  • 17. نصب و راه‌اندازی Materialize
  • 18. کامپوننت‌های Materialize و طراحی Material Design
  • 19. استفاده از JavaScript در Materialize
  • 20. مقایسه عملکرد و قابلیت‌های Bootstrap، Tailwind CSS و Materialize
  • 21. طراحی فرم‌های کاربردی با فریم‌ورک‌های CSS
  • 22. طراحی ناوبری (Navigation) واکنش‌گرا با فریم‌ورک‌های CSS
  • 23. طراحی کارت‌ها (Cards) و لیست‌ها با فریم‌ورک‌های CSS
  • 24. طراحی جداول (Tables) با فریم‌ورک‌های CSS
  • 25. طراحی مدال‌ها (Modals) و پاپ‌آپ‌ها با فریم‌ورک‌های CSS
  • 26. طراحی اعلانات (Alerts) و پیام‌ها با فریم‌ورک‌های CSS
  • 27. طراحی تصاویر واکنش‌گرا با فریم‌ورک‌های CSS
  • 28. استفاده از آیکون‌ها در طراحی UI با فریم‌ورک‌های CSS
  • 29. طراحی تایپوگرافی (Typography) با فریم‌ورک‌های CSS
  • 30. رنگ‌بندی و پالت‌های رنگی در طراحی UI با فریم‌ورک‌های CSS
  • 31. سایه‌زنی (Shadow) و افکت‌های بصری در طراحی UI با فریم‌ورک‌های CSS
  • 32. طراحی دکمه‌ها و عناصر تعاملی با فریم‌ورک‌های CSS
  • 33. طراحی فرم‌های اعتبارسنجی (Validation) با فریم‌ورک‌های CSS
  • 34. طراحی رابط کاربری برای موبایل با فریم‌ورک‌های CSS
  • 35. طراحی رابط کاربری برای تبلت با فریم‌ورک‌های CSS
  • 36. طراحی رابط کاربری برای دسکتاپ با فریم‌ورک‌های CSS
  • 37. اصول دسترسی‌پذیری (Accessibility) در طراحی UI با فریم‌ورک‌های CSS
  • 38. بهینه‌سازی عملکرد (Performance) طراحی UI با فریم‌ورک‌های CSS
  • 39. تست و ارزیابی طراحی UI/UX با فریم‌ورک‌های CSS
  • 40. ابزارهای طراحی UI/UX (Figma, Adobe XD) و ادغام با فریم‌ورک‌های CSS
  • 41. بهبود تجربه کاربری با انیمیشن‌ها و Transitionها
  • 42. طراحی سیستم طراحی (Design System) با فریم‌ورک‌های CSS
  • 43. بهینه‌سازی تصاویر برای وب و تاثیر آن بر UX
  • 44. استفاده از CSS Variables برای مدیریت استایل‌ها
  • 45. طراحی صفحات لندینگ (Landing Page) با فریم‌ورک‌های CSS
  • 46. طراحی داشبورد (Dashboard) با فریم‌ورک‌های CSS
  • 47. طراحی فروشگاه اینترنتی (E-commerce) با فریم‌ورک‌های CSS
  • 48. طراحی وبلاگ (Blog) با فریم‌ورک‌های CSS
  • 49. پیاده‌سازی Dark Mode با فریم‌ورک‌های CSS
  • 50. طراحی کامپوننت‌های قابل استفاده مجدد (Reusable Components)
  • 51. آشنایی با مفاهیم پیشرفته CSS (Flexbox, Grid)
  • 52. بهبود SEO با طراحی UI مناسب
  • 53. استفاده از فریم‌ورک‌های CSS در پروژه‌های واقعی

📚 محتوای این محصول آموزشی (پکیج کامل)

💡 این محصول یک نسخهٔ کامل و جامع است

تمامی محتوای آموزشی این کتاب در قالب یک بسته‌ی کامل و یکپارچه ارائه می‌شود و شامل تمام نسخه‌ها و فایل‌های موردنیاز برای یادگیری است.

🎁 محتویات کامل بسته دانلودی

🎯 این بسته یک دورهٔ آموزشی کامل و چندلایه است؛ شامل کتاب‌ها، تمرین‌ها و خودآزمایی .

ℹ️ نکات مهم هنگام خرید

  • این محصول به صورت فایل دانلودی کامل ارائه می‌شود و نسخهٔ چاپی ندارد.
  • توجه: لینک‌های اختصاصی دوره طی حداکثر 24 ساعت پس از ثبت سفارش ارسال می‌شوند.
  • دقت کنید لینک ها به شماره موبایل شما ارسال می شوند. پس در ارائه شماره موبایل صحیح دقت کنید.
  • برای راهنمایی در مورد نحوه دانلود به شماره 09395106248 پیامک دهید یا تماس بگیرید. (ایده آل ترین گزینه ارسال پیام در یکی از پیام رسان ها به همین شماره است تا سریعا لینک های کتاب همانجا برای شما ارسال گردد.)
  • اگر پرداخت انجام شده ولی بعد از 24 ساعت هنوز لینک‌ها را دریافت نکرده‌اید، نام و نام خانوادگی و نام محصول را پیامک کنید تا لینک‌ها دوباره ارسال شوند.

💬 راه‌های ارتباطی پشتیبانی:
واتس‌اپ یا هر پیام رسان داخلی یا پیامک: 09395106248
تلگرام: @ma_limbs

نظرات

هنوز نظری ثبت نشده است.

وارد شوید تا نظر ثبت کنید.