سرفصل های دوره

۱ فصل
۰ جلسه
۰ ساعت
۱

لیست ویدئوهای دوره

۱۲ قسمت
-

بخش دوم - قسمت اول

رایگان

بخش دوم- قسمت دوم

رایگان

بخش دوم - قسمت سوم

بخش دوم - قسمت چهارم

بخش دوم - قسمت پنجم

بخش دوم - قسمت ششم

بخش دوم - قسمت هفتم

بخش دوم - قسمت هشتم

بخش دوم - قسمت نهم

بخش دوم - قسمت دهم

بخش دوم - قسمت یازدهم

بخش دوم - قسمت دوازدهم

سورس

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

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

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

قسمت 11:
کار با transition ها در css
قسمت 12:
آشنایی با border ها و ساخت یک محدوده دایره ای با خصوصیت border-radius در css
قسمت 13:
کار با فونت ها و مبنای ان
font-size, font-family, line-height و …
تغییر فونت پیش فرض سایت و اضافه کردن فونت های دلخواه مثل فونت Yekan
قسمت 14:
توضیح در مورد padding و border و تاثیر ان بر تغییر اندازه المان های درون صفحه و رفع این مشکل با استفاده از خصوصیت box:sizing
آشنایی خصوصیت viewport و تاثیرات ان در طراحی واکنش گرا
اشنایی مختصر با inspect element برای مشاهده کد صفحات از طریق مرورگر
ساخت بخش “درباره ما”
قسمت 15:
ساخت بخش “تماس با ما”
آشنایی و استفاده از  تگ های input
اشنایی با خصوصیت های requierd , placeholder
اشنایی با خصوصیات max-width , min-width , …
قسمت 16:
مقدمه و شروع بخش طراحی واکنش گرا
آشنایی با MediaQuery و انواع آن
قسمت 17:
شروع کدنویسی برای طراحی واکنش گرا
آشنایی با مباحث مهم و اولیه
کار با MediaQuery های print, screen, all
کار با روشهای مختلف استفاده از mediaQuery و مزایا و معایب آن
استفاده از ابزار Responsive Design View مرورگر Firefox
ساخت یک نمونه اولیه
قسمت 18:
شروع عملی و کار با mediaquery ها و ساخت اولین break point
ریسپانسیو کردن بخش “توانایی ها” و “نمونه کارها”
قسمت 19:
ریسپانسیو کردن بخش درباره ما
تبدیل واحد های پیکسلی به %
ساخت یک break point جدید
قسمت 20:
ریسپانسیو کردن بخش اخر یا بخش تماس با ما
تبدیل واحد های پیکسلی به %
اصلاح بخش های دیگر
قسمت 21:
ادامه کار و تغییرات قالب برای نقطه شکست های کوچک تر
قسمت 22:
ریسپانسیو کردن منو و اصلاح نهایی قالب و اتمام کار

توضیحات بیشتر

مدرس

سید موسوی

سید موسوی مدرس