عرض سلام و خسته نباشید به کاربران محترم دانشجویار ، در خدمت شما عزیزان هستیم با دوره ی آموزش طراحی قالب واکنش گرا ، که بخش اولش رو قبلا در وبسایت منتشر کردیم ، این بخش از آموزش شامل ۱۲ قسمت هست و در ادامه ی ۱۰ قسمت اول طراحی قالب واکنش گرا ارائه شده ، در پایان این آموزش به این توانایی خواهید رسید که بدون استفاده از فریم ورک بوت استراپ و با استفاده از CSS یک قالب رو واکنش گرا کنید ، قالب های واکنش گرا جهت استفاده از وبسایت های شما در صفحات موبایل و … مورد نیاز می باشد.

جهت مشاهده و دانلود ۱۰ قسمت ابتدایی آموزش طراحی قالب واکنش گرا ، (بخش اول) اینجا کلیک کنید.

سرفصل ۱۲ قسمت بخش دوم ، آموزش طراحی قالب واکنش گرا ، در ادامه ی مطلب …

قسمت ۱۱:
کار با transition ها در css
قسمت ۱۲:
آشنایی با border ها و ساخت یک محدوده دایره ای با خصوصیت border-radius در css
قسمت ۱۳:
کار با فونت ها و مبنای ان
font-size, font-family, line-height و …
تغییر فونت پیش فرض سایت و اضافه کردن فونت های دلخواه مثل فونت Yekan
قسمت ۱۴:
توضیح در مورد padding و border و تاثیر ان بر تغییر اندازه المان های درون صفحه و رفع این مشکل با استفاده از خصوصیت box:sizing
آشنایی خصوصیت viewport و تاثیرات ان در طراحی واکنش گرا
اشنایی مختصر با inspect element برای مشاهده کد صفحات از طریق مرورگر
ساخت بخش “درباره ما”
قسمت ۱۵:
ساخت بخش “تماس با ما”
آشنایی و استفاده از  تگ های input
اشنایی با خصوصیت های requierd , placeholder
اشنایی با خصوصیات max-width , min-width , …
قسمت ۱۶:
مقدمه و شروع بخش طراحی واکنش گرا
آشنایی با MediaQuery و انواع آن
قسمت ۱۷:
شروع کدنویسی برای طراحی واکنش گرا
آشنایی با مباحث مهم و اولیه
کار با MediaQuery های print, screen, all
کار با روشهای مختلف استفاده از mediaQuery و مزایا و معایب آن
استفاده از ابزار Responsive Design View مرورگر Firefox
ساخت یک نمونه اولیه
قسمت ۱۸:
شروع عملی و کار با mediaquery ها و ساخت اولین break point
ریسپانسیو کردن بخش “توانایی ها” و “نمونه کارها”
قسمت ۱۹:
ریسپانسیو کردن بخش درباره ما
تبدیل واحد های پیکسلی به %
ساخت یک break point جدید
قسمت ۲۰:
ریسپانسیو کردن بخش اخر یا بخش تماس با ما
تبدیل واحد های پیکسلی به %
اصلاح بخش های دیگر
قسمت ۲۱:
ادامه کار و تغییرات قالب برای نقطه شکست های کوچک تر
قسمت ۲۲:
ریسپانسیو کردن منو و اصلاح نهایی قالب و اتمام کار