کتاب تسلط بر Media Queries برای طراحی وب مدرن و سازگار

انتخاب پلن

افزودنی‌های اختیاری

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

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

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

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

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

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

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


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

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

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

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

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

عنوان دوره: دوره تسلط بر Media Queries برای طراحی وب مدرن و سازگار

موضوع کلی: طراحی وب پیشرفته

موضوع میانی: طراحی واکنش‌گرا و رسپانسیو

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

  • 1. مقدمه‌ای بر طراحی وب واکنش‌گرا
  • 2. درک مفهوم Media Queries
  • 3. نحوه عملکرد Media Queries در مرورگرها
  • 4. سینتکس و ساختار Media Queries
  • 5. انواع Media Features قابل استفاده
  • 6. استفاده از Media Queries برای دستگاه‌های مختلف
  • 7. Media Queries و Viewport
  • 8. واحد‌های اندازه‌گیری نسبی در طراحی واکنش‌گرا
  • 9. استفاده از em، rem و vw/vh
  • 10. رسپانسیو کردن تصاویر با Media Queries
  • 11. رسپانسیو کردن ویدئوها با Media Queries
  • 12. طراحی‌های Mobile-First با Media Queries
  • 13. استفاده از Media Queries برای تغییر چیدمان صفحه
  • 14. تغییر اندازه فونت با Media Queries
  • 15. تغییر رنگ‌ها و پس‌زمینه‌ها با Media Queries
  • 16. استفاده از Media Queries برای نمایش و پنهان کردن عناصر
  • 17. Media Queries و Grid Layout
  • 18. Media Queries و Flexbox
  • 19. بهینه‌سازی عملکرد وب‌سایت با Media Queries
  • 20. تست و اشکال‌زدایی Media Queries
  • 21. ابزارهای توسعه‌دهندگان برای تست رسپانسیو بودن
  • 22. نحوه استفاده از Chrome DevTools برای تست
  • 23. نحوه استفاده از Firefox Developer Tools برای تست
  • 24. Media Queries و متا تگ Viewport
  • 25. تنظیمات Viewport برای دستگاه‌های مختلف
  • 26. Media Queries و JavaScript
  • 27. استفاده از JavaScript برای اعمال کلاس‌های CSS بر اساس Media Queries
  • 28. کتابخانه‌های JavaScript برای مدیریت رسپانسیو بودن
  • 29. Media Queries و CSS Preprocessors (Sass, Less)
  • 30. استفاده از متغیرها و میکس‌این‌ها برای Media Queries
  • 31. Media Queries و Framework‌های CSS (Bootstrap, Foundation)
  • 32. سفارشی‌سازی Framework‌ها با Media Queries
  • 33. Media Queries و Accessibility (دسترسی‌پذیری)
  • 34. اطمینان از دسترسی‌پذیری وب‌سایت برای کاربران با نیازهای ویژه
  • 35. بهینه‌سازی تصاویر برای دستگاه‌های مختلف
  • 36. فشرده‌سازی تصاویر برای کاهش حجم
  • 37. فرمت‌های بهینه تصاویر برای وب
  • 38. استفاده از تصاویر برداری (SVG)
  • 39. Media Queries و فونت‌ها
  • 40. استفاده از فونت‌های وب (Web Fonts)
  • 41. بهینه‌سازی فونت‌ها برای سرعت بارگذاری
  • 42. Media Queries و انیمیشن‌ها
  • 43. استفاده از انیمیشن‌ها در طراحی واکنش‌گرا
  • 44. بهینه‌سازی انیمیشن‌ها برای عملکرد بهتر
  • 45. Media Queries و طراحی برای چاپ
  • 46. تنظیمات CSS برای چاپ
  • 47. Media Queries و حالت تاریک (Dark Mode)
  • 48. پیاده‌سازی حالت تاریک با Media Queries
  • 49. Media Queries و زبان‌های مختلف
  • 50. بین‌المللی‌سازی وب‌سایت با Media Queries
  • 51. Media Queries و کنترل‌گرهای ورودی (Input Controls)
  • 52. رسپانسیو کردن فرم‌ها و دکمه‌ها
  • 53. Media Queries و Navigation (ناوبری)
  • 54. طراحی ناوبری واکنش‌گرا
  • 55. Media Queries و طراحی کارت (Card Layout)
  • 56. رسپانسیو کردن کارت‌ها
  • 57. Media Queries و طراحی لیست (List Layout)
  • 58. رسپانسیو کردن لیست‌ها
  • 59. Media Queries و طراحی جدول (Table Layout)
  • 60. رسپانسیو کردن جداول
  • 61. الگوهای طراحی واکنش‌گرا با Media Queries
  • 62. Media Queries و Progressive Enhancement (بهبود تدریجی)
  • 63. ارائه محتوا به مرورگرهای قدیمی‌تر
  • 64. Media Queries و Graceful Degradation (تنزل تدریجی)
  • 65. اطمینان از عملکرد وب‌سایت در مرورگرهای قدیمی
  • 66. Media Queries و تست A/B
  • 67. بهینه‌سازی طراحی با تست A/B
  • 68. Media Queries و تجزیه و تحلیل (Analytics)
  • 69. اندازه‌گیری عملکرد وب‌سایت در دستگاه‌های مختلف
  • 70. بهترین روش‌ها برای استفاده از Media Queries
  • 71. اشتباهات رایج در استفاده از Media Queries و نحوه اجتناب از آن‌ها
  • 72. منابع آموزشی و ابزارهای مفید برای طراحی وب واکنش‌گرا
  • 73. آینده طراحی وب واکنش‌گرا و Media Queries

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

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

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

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

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


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

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

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

نظرات

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

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