تخفیف ویژه همین الان — دوره‌های تخفیف‌دار را ببینید.
روز
:
ساعت
:
دقیقه
:
ثانیه
تخفیف‌های ویژه
دوره آموزشی ایجاد یک طراحی وب واکنشگرا: تکنیک های پیشرفته

دوره آموزشی ایجاد یک طراحی وب واکنشگرا: تکنیک های پیشرفته

1 ساعت 15 دقیقهپیشرفته2016-06-03

مدرسین

Chris Converse

Chris Converse

Applies design and UX principles to technology

جزئیات دوره

اگر می‌خواهید مهارت‌های طراحی وب ریسپانسیو خود را ارتقا دهید، این دوره برای شماست! در این آموزش یاد می‌گیرید چطور منوهای جمع‌شونده (Collapsible Menus) بسازید و گرافیک‌های برداری مقیاس‌پذیر (SVG) را به طرح‌های خود اضافه کنید.

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

اهداف یادگیری:
✅ طراحی منوهای جمع‌شونده برای موبایل
✅ استفاده از SVG در طراحی وب
✅ استایل‌دهی پیشرفته با CSS و JavaScript
✅ بهینه‌سازی صفحات برای نمایش در دستگاه‌های مختلف
✅ استفاده از jQuery برای تعاملات کاربری
✅ ایجاد وب‌سایت‌های تطبیق‌پذیر و مقیاس‌پذیر

مهارت ها

Responsive Web DesignCSSWeb StandardsWeb DesignFront-End Web DevelopmentProjectWeb DevelopmentOpen Source

سرفصل ها

0. مقدمه

  • 01 - مقدمه ای بر این دوره
  • 02 - آنچه برای تکمیل این دوره نیاز دارید
  • 03 - در مورد فایل‌های تمرین

1. ایجاد یک منوی تاشو موبایل

  • 04 - در مورد این درس
  • 05 - جابجایی عنصر nav
  • 06 - افزودن دکمه لینک موبایل
  • 07 - حذف محدودیت‌های ارتفاع هدر
  • 08 - تغییر شکل منوی موبایل
  • 09 - تنظیم لوگو برای همپوشانی منو
  • 10 - اضافه کردن جاوا اسکریپت و جی کوئری به پروژه خود
  • 11 - الصاق رویداد کلیک به دکمه منوی موبایل
  • 12 - متحرک سازی ارتفاع ناوبری
  • 13 - حذف ویژگی style از عنصر nav
  • 14 - از اینجا کجا برویم

2. کار در SVG

  • 15 - در مورد این درس
  • 16 - گروه بندی آثار هنری در یک SVG
  • 17 - افزودن CSS به SVG
  • 18 - افزودن کوئری‌های رسانه‌ای به SVG
  • 19 - تغییر هنر SVG با CSS
  • 20 - استفاده از یک فایل SVG برای همه اندازه‌های صفحه نمایش
  • 21 - از اینجا به کجا برویم

3. پشتیبانی از صفحه نمایش با وضوح بالا

  • 22 - در مورد این درس
  • 23 - در مورد فایل‌های تمرین
  • 24 - اضافه کردن اندازه برای تصاویر مبتنی بر CSS
  • 25 - افزودن گرافیک جدید به پروژه
  • 26 - استفاده از کوئری‌های رسانه‌ای CSS برای نسبت پیکسل دستگاه
  • 27 - استفاده از تصویر srcset و توصیفگر تراکم پیکسلی
  • 28 - از اینجا به کجا برویم

دوره های مرتبط

درباره ما

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

شماره تلفنکانال آپاراتپشتیبانی تلگرامکانال تلگرامپیج اینستاگرام

کلیه‌ی حقوق این سایت متعلق به لینداکده می باشد

قوانین و شرایط|حریم خصوصی

نماد الکترونیک enamad در صورت اتصال با آی‌پی داخل کشور، نمایش داده خواهد شد.
logo-samandehi - لوگو ساماندهی
zarinpal
zibal