قیمت این دوره: رایگانــ
  • مدرس دوره : امیر مهدی گودرزی
  • تعداد ویدیوها : 12 ویدیو
  • مدت زمان دوره : 2:20:00
  • سطح دوره : مقدماتی
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1404/03/19
اموزش 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

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


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

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