این دوره شما را با مبانی طراحی واکنش گرا آشنا می کند و برای طراحان و توسعه دهندگان وب مقدمه عملی درباره طراحی واکنش گرا که برای ایجاد وب سایت هایی که در میان انواع مختلف دستگاه ها از صفحه نمایش تلفن های همراه کوچک تا مانیتورهای بزرگ و چند صفحه ای، کار می کنند، ارائه می دهد. در این دوره با نحوه ی ایجاد وب سایت واکنش گرا با استفاده از CSS3، HTML5، و JavaScript آشنا می شوید.

سرفصل ها:

  • مقدمه
  • معرفی دوره
  • درس 1: معرفی طراحی وب واکنش گرا
  • اهداف یادگیری
  • طراحی وب واکنش گرا چیست؟
  • تاریخ طراحی وب سایت واکنش گرا یا RWD
  • درک جایگزین های RWD
  • چرا RWD بهترین انتخاب برای توسعه وب مدرن است؟
  • درک نحوه ی کمک RWD به طراحی برای شرایط مختلف
  • خلاصه
  • درس 2: HTML، CSS، و جاوا اسکریپت برای RWD
  • اهداف یادگیری
  •  درک مبانی HTML
  • بررسی اصول جاوا اسکریپت
  • شروع کار با صفحات استایل Cascading
  • خلاصه
  • درس 3: پرس و جوهای رسانه CSS
  • اهداف یادگیری
  •  شروع کنید با پرس و جو های رسانه
  • نحوه نوشتن پرس وجوهای رسانه ای
  • خلاصه
  • درس 4: Breakpoint ها
  • اهداف یادگیری
  • درک Breakpoint ها
  • چگونه Breakpoint ها را تعریف کنیم؟
  • Breakpoint های optimal
  • Breakpoint های مورد علاقه
  • خلاصه
  • درس 5: ایجاد طرح بندی های واکنش گرا
  • اهداف یادگیری
  • درک طرح بندی های وب واکنش گرا
  • انواع طراح بندی ها
  • استفاده از ستون ها در طرح بندی های واکنش گرا
  • استفاده از جداول برای مزایا و معایب طرح بندی های وب
  • خلاصه
  • درس 6: ناوبری واکنش گرا
  • اهداف یادگیری
  • اهمیت ناوبری واکنش گرا
  • نحوه ی ایجاد ناوبری سازگار با موبایل
  • مزایا و معایب الگوهای استاندارد RWD
  • خلاصه
  • درس 7: تصاویر واکنش گرا
  • اهداف یادگیری
  •  چگونه تصاویر واکنش گرا ایجاد کنیم؟
  • حفظ سرعت سریع دانلود
  • استفاده از تصاویر Retina-Ready
  • خلاصه
  • درس 8: ویدئو  واکنش گرا
  • اهداف یادگیری
  • چگونه ویدئو  واکنش گرا ایجاد کنیم؟
  • ایجاد ویدئوهای واکنش گرا یوتیوب
  • ایجاد پس زمینه ویدئویی
  • خلاصه
  • درس 9: جداول وب واکنش گرا
  • اهداف یادگیری
  • مشکلات با جداول در دستگاه های کوچک
  • چگونگی ساخت جداول واکنش گرا
  • جداول طرح بندی معتبر هستند
  • خلاصه
  • درس 10: فرم های وب واکنش گرا
  • اهداف یادگیری
  • استفاده از HTML مدرن
  • فرم وب را قابل استفاده کنید
  • ایجاد فرم واکنش گرا
  • خلاصه
  • درس 11: تست سایت های RWD
  • اهداف یادگیری
  • تست در مرورگر مورد علاقه خود، اما در آنجا متوقف نشوید
  • نحوه استفاده از ابزارهای توسعهدهنده گوگل برای تست
  • اگر می توانید، از دستگاه استفاده کنید
  • چگونه تست کنید وقتی دستگاهی ندارید
  • خلاصه
  • درس 12: بهترین روش برای RWD
  • اهداف یادگیری
  • بهترین سایت را برای بیشتر مردم انتخاب کنید
  • اجتناب از مشکلات و مشکلات معمول RWD
  • خلاصه
  • یادگیری طراحی وب واکنش گرا: خلاصه