قیمت این دوره: رایگانــ
  • مدرس دوره : امیر مهدی گودرزی
  • تعداد ویدیوها : 12 ویدیو
  • مدت زمان دوره : 2:20:00
  • سطح دوره : مقدماتی
  • وضعیت دوره : به اتمام رسیده
اموزش flex-box با طراحی از روی فایل فیگما

اموزش flex-box با طراحی از روی فایل فیگما

توی این دوره ما اصول flex-box رو  به صورت پروژه محور با استفاده از طراحی از روی یک فایل فیگما اموزش میدهیم.

 

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

معرفی
موارد پایه
شروع طراحی با flex-box


پیش نیاز های دوره :

  1. Html, css

فهرستـــ ویدیوها

مدت زمان دوره 2:20:00
  • با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.

1
  • موارد پایه اندازه گیری و تبدیل واحد

00:09:34

در این ویدیو موارد پایه فیگما برای پیش بردن پروژه ها و تبدیل واحد های px به rem توضیح داده شده

2
  • تفاوت rem و em

00:06:09

در این ویدیو تفاوت رم و ایم و موارد پایه ان برای ادامه دادن دوره توضیح داده شده است.

3
  • راهنمای سریع flex-box

00:15:05

در این ویدیو برسی اجمالی و کلی به فلکس باکس داشته تا موارد پایه به صورت تئوری هم تدریس داده شده باشد.

4
  • اولین پروژه طراحی باکس

00:15:04

توی این ویدیو اولین پروژه خودمون رو استارت میزنیم و قدم به قدم اونو پیش میبریم

5
  • طراحی هدر وب سایت

00:08:38

در این ویدیو هدر یک وب سایت رو از روی یک فایل فیگمایی طراحی میکنیم.

6
  • اولین تمرین

00:12:58

اولین پروژه تمرینی با به کارگیری تمامی مطالب تدریس شده در جلسات قبل

7
  • طراحی صفحه مقاله و نگاهی به سودو سلکتور before

00:16:19

در این ویدیو مباحث سودو سلکتور before به صورت پروژه محور تدریس داده شده

8
  • طراحی فوتر وب سایت و نگاهی به overflow

00:19:51

در این ویدیو فوتر یک وب سایت با استفاده از flex box طراحی شده

9
  • طراحی هیرو سکشن فروشگاه ورزشی

00:10:47

در این ویدیو مفهوم هیرو سکشن توضیح داده شده و هیرو سکشن فروشگاه ورزشی طراحی شده

10
  • طراحی باکس پلن وب سایت

00:10:29

در این ویدیو مروری بر مباحث گذشته شده و یک باکس با مباحث flex box طراحی شده

11
  • متغیر ها در css

00:05:26

در این ویدیو باکس پلن وب سایت رو با متغیر ها دوباره نویسی میکنیم.

12
  • طراحی باکس معرفی فریلنسر

00:10:01

در این ویدیو باکس فریلنسر ها رو از صفر تا صد طراحی میکنیم و از متغیر ها برای پیش بردن پروژه استفاده میکنیم

دوره های دیگر مدرس

مشاهده همه دوره ها

نظرات کاربران در رابطه با این دوره

لطفا سوالات خود را راجع به این آموزش در این بخش پرسش و پاسخ مطرح کنید به سوالات در قسمت نظرات پاسخ داده نخواهد شد و آن نظر حذف میشود.
جهت ثبت نظر باید در سایت عضو شوید و یا وارد سایت شده باشید .