آموزش ساخت یک طراحی وب واکنشگرا – تکنیک های پیشرفته

دوره آموزش ساخت یک طراحی وب واکنشگرا – تکنیک های پیشرفته
Lynda – Creating a Responsive Web Design – Advanced Techniques
به زبان انگلیسی با زیرنویس فارسی توسط هوش مصنوعی و زیرنویس انگلیسی کامل

به دنبال ارتقای مهارت های طراحی وب سایت واکنش گرا به سطح بعدی هستید؟ با نحوه ایجاد منوهای جمع شونده و اضافه کردن گرافیک های برداری مقیاس پذیر (SVG) به طرح بندی های خود آشنا شوید.

در این دوره آموزش ساخت یک طراحی وب واکنشگرا – تکنیک های پیشرفته، مدرس کریس کانورس تکنیک‌های پیشرفته‌ای را برای استایل کردن منوها و گرافیک‌های موبایل با HTML، CSS، جاوا اسکریپت و جی کوئری به اشتراک می‌گذارد.
این ویدیوها آموزش‌های عملی و ابتدایی را برای ساخت صفحات وب کارآمدتر و انعطاف‌پذیرتر ارائه می‌دهند که می‌توانند با اندازه‌ها و جهت‌گیری‌های مختلف صفحه نمایش سازگار شوند.

فهرست سرفصل های دوره : آموزش Lynda – Creating a Responsive Web Design – Advanced Techniques

دوره آموزش ساخت یک طراحی وب واکنشگرا – تکنیک های پیشرفته

• مقدمه
  مقدمه ای بر این دوره
  آنچه برای تکمیل این دوره نیاز دارید
  درباره فایل های تمرین
  
• 1. ایجاد یک منوی تاشو موبایل
  در مورد این درس
  جابجایی عنصر nav
  افزودن دکمه لینک موبایل
  حذف محدودیت های ارتفاع هدر
  تغییر شکل منوی موبایل
  تنظیم لوگو برای همپوشانی منو
  جاوا اسکریپت و جی کوئری را به پروژه خود اضافه کنید
  پیوست کردن یک رویداد کلیک به دکمه منوی تلفن همراه
  متحرک سازی ارتفاع ناوبری
  حذف ویژگی style از عنصر nav
  از اینجا به کجا برویم
  
• 2. کار در SVG
  در مورد این درس
  گروه بندی آثار هنری در یک SVG
  افزودن CSS به SVG
  افزودن پرس و جوهای رسانه ای به SVG
  تغییر هنر SVG با CSS
  استفاده از یک فایل SVG برای همه اندازه های صفحه نمایش
  از اینجا به کجا برویم
  
• 3. پشتیبانی از صفحه نمایش با وضوح بالا
  در مورد این درس
  درباره فایل های تمرین
  اضافه کردن اندازه برای تصاویر مبتنی بر CSS
  افزودن گرافیک جدید به پروژه
  استفاده از پرس و جوهای رسانه CSS برای نسبت پیکسل دستگاه
  با استفاده از تصویر srcset و توصیفگر تراکم پیکسلی
  از اینجا به کجا برویم

دوره آموزش ساخت یک طراحی وب واکنشگرا – تکنیک های پیشرفته، Lynda – Creating a Responsive Web Design – Advanced Techniques، به زبان انگلیسی با زیرنویس فارسی توسط هوش مصنوعی و زیرنویس انگلیسی کامل ارائه شده است!