درس: تصاویر واکنش گرا

تصاویر واکنش گرا (Mitalearn-71261)

مدت زمان: 1 ساعت 21 دقیقه
انتشار: 22 June 2026
بروزرسانی: 22 June 2026

مدرس: Morten Rand-Hendriksen
سطح: متوسط
محتوا‌ها: 23
زیرنویس فارسی دارد

درباره این دوره:

تصاویر ریسپانسیو تحول بعدی در طراحی وب هستند. با این بهترین سناریوهای واقعی برای پیاده سازی تصاویر واکنش گرا در سایت های تولیدی، نحوه پیاده سازی آنها را امروز بیاموزید. مورتن رند-هندریکسن توضیح می‌دهد که تصاویر واکنش‌گرا چیست و چگونه کار می‌کنند، و نحوه استفاده از Picturefill JavaScript polyfill برای کارکردن تصاویر واکنش‌گرا در مرورگرهایی که هنوز از آنها پشتیبانی نمی‌کنند. سپس دو نوع اصلی عکس‌های واکنش‌گرا را بررسی کنید (با استفاده از تگ با srcset و w و تگ جدید)، و با نمونه‌های کد آماده تولید در پنجره تمرین کار کنید تا تجربه پیاده‌سازی عملی داشته باشید.