دوره رایگان Flex Box

photo_2022-09-21_22-16-49
امیررضا کلانترنژاد
اخرین بروزرسانی 30 شهریور 1401
4.5 /5
(2)
9 نفر ثبت نام کرده اند

درباره این دوره

دوره رایگان Flex Box در ادامه مسیر طراحی سایت قسمت Front-end ارائه شده است.

فلکس باکس (Flex Box) یا Flexible Box یک مدل برای لایه بندی صفحات وب در طراحی سایت می باشد. که به شما کمک می کند، بدون استفاده از float و یا positioning به طراحی صفحات انعطاف پذیر و واکنش گرا یا همان Responsive بپردازید.

با کمک فلکس باکس این مشکلات تا حدودی زیادی حل خواهد شد و علاوه بر این ها فلکس باکس ویژگی های زیاد دیگری دارد که ما در دوره رایگان flex box به بررسی آنها خواهیم پرداخت.

مزیت استفاده از Flex Box

ماژول flexbox نسبت به روش قبلی یعنی float که قبلا به طور گسترده در دنیای طراحی سایت استفاده می شد، به شما اجازه می دهد کدهای استاندارد تری بنویسید، با این اطمینان که در مرورگرها به خوبی کار می کنند.

یکی از مشکلات رایج float این است که با اضافه کردن المان و محتوای جدید به یک بخش، احتمالا باعث می شود که لایه بندی از قبل آماده کردیم به سادگی بهم بریزد و ما برای حل چنین مشکلاتی مجبور هستیم که از راه حل های پیچیده یا از ترفندهایی مثل css hacks استفاده کنیم که هر کدام باعث پیچیده شدن css پیاده سازی شده می شود.

flexbox دارای ویژگی های بسیار بیشتری نسبت به روش float است که طراحی را بسیار آسان می کنند. مخصوصا زمانی که موضوع رسپانسیو کردن وب سایت در میان باشد. در زیر به یک سری دیگر از ویژگی های flexbox اشاره می کنیم.

المان ها را در کنار یک دیگر بدون اینکه نیازبه تعیین طول و عرض المان باشد، قرار می دهد

اگر برای عنصرهای که در یک خط قرار میگیرن جای کافی نباشد به راحتی عنصر آخر به خط بعدی منتقل می‌شود

  • تغییر ساده ترتیب المنت‌ها (از حالت سطر به ستون یا برعکس)
  • مشخص کردن اندازه المنت‌ها به شکل نسبی در یک خط.
  • پشتیبانی از چیدمان معکوس

پیش نیاز:

 

 

برای یادگیری مبحث flexbox و استفاده از آن شما قطعا نیاز دارید با html و css به صورت کامل آشنا باشید. برای یادگیری کامل html-css به صورت کاملا رایگان می توانید دوره آموزش کامل html و css را از وبسایت ما مشاهده کنید و به صورت حرفه ای و به همراه پروژه html-css را یادبگیرید و سپس به سراغ این دوره بیایید و شروع به یادگیری flexbox کنید

اهداف یادگیری

در عین کوتاه بودن ، کاملا جامع و اصولی

برنامه تحصیلی

8 درس1 ساعت 53 دقیقه 40 ثانیه

جلسه اول – معرفی دوره

معرفی دوره00:04:60پیش نمایش

جلسه دوم

display & direction

جلسه سوم

flex-wrap

جلسه چهارم

تراز بندی افقی و عمودی

جلسه پنجم

تنظیمات آیتم های فلکس

جلسه ششم -قسمت اول پروژه

جلسه هفتم- قسمت دوم پروژه

جلسه هشتم – قسمت پایانی پروژه

مدرسین شما

امیررضا کلانترنژاد

مدرس زبان های برنامه نویسی و طراحی سایت

4.9/5
5 دوره
10 دیدگاه
108 دانشجو
مدرس زبان های برنامه نویسی ، هوش مصنوعی ، شبکه های عصبی و طراحی سایت
مشاهده بیشتر

بازخورد دانشجو

4.5
2 رتبه بندی
50%
50%
0%
0%
0%

نقد و بررسی (2)

همه چیز خوبه ولی صدات یکم بده

این دوره بسیار عالی و کامل و روان تدریس شد مثل دوره html مرسی از استاد کلانترنژاد

یک نظر بنویسید

رایگان
سطح
متوسط
مدت زمان 1.9 ساعت
سخنرانی
8 سخنرانی

اعتبار ثبت نام: مادام العمر

آیا می خواهید برای همه فعالیت ها، اعلان های پوش نوتیفیکیشن دریافت کنید؟

فیلدهای نمایش داده شده را انتخاب کنید. دیگران مخفی خواهند شد. برای تنظیم مجدد سفارش ، بکشید و رها کنید.
  • عکس
  • شناسه محصول
  • امتیاز
  • قیمت
  • در انبار
  • موجودی
  • افزودن به سبد خرید
  • توضیحات
  • محتوا
  • عرض
  • اندازه
  • تنظیمات بیشتر
  • نویسنده
  • قسمت
  • زبان
Click outside to hide the comparison bar
مقایسه