قراره تو این دوره چی یاد بگیرم؟

  • تمام ویژگی های CSS که برای Flexbox استفاده می شود .
  • چگونه با استفاده از Flexbox چند طرح بندی پیشرفته بسازیم
  • از CSS Flexbox با اطمینان برای ایجاد طرح‌بندی‌های مدرن استفاده کنید

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

۲ فصل
۱۸ جلسه
۱ ساعت
۱

مقدمات

۴ قسمت
۰۰:۱۲:۴۶

مقدمه

رایگان
۰۱:۵۰

setup

رایگان
۰۳:۴۸

flex display

رایگان
۰۴:۲۸

flex direction

رایگان
۰۲:۴۰
۲

Flex Box

۱۴ قسمت
۰۱:۰۲:۰۵

توضیحات دوره آموزش flexbox:

در گذشته قرار دادن المان ها و آیتم ها در صفحه در مکان های دلخواه کار بسیار سختی بود و یکی از چالش های اصلی در برنامه نویسی وب بود . اما بعد از عرضه Flex Box این کار سخت به سک کار آسان و راحت تبدیل شد. Flex Box به برنامه نویسان این امکان را می دهد تا المان های مختلف را به راحتی در هر جایی که بخواهند قرار دهند .

با استفاده از Flex Box شما می توانید آیتم های خود را در صفحه در تمام جهات (چپ، راست، بالا، پایین) مرتب کنید و هرکدام را به نسبت اندازه و سایز آن ترتیب دهید و حتی اندازه آنها را تغییر دهید تا در فضای مورد نظر قرار گیرند. Flex Box به شما این امکان را می دهد تا کدهای استاندارد تری بنویسید . درگذشته با اضافه کردن یک آیتم به صفحه ممکن بود تمام آیتم های قبلی بهم بریزد که نیاز بود با استفاده از ترفندهایی مجدد آنها را مرتب سازی کنید اما Flex Box به خصوص در مورد ریسپانسیو ، امکانات بسیار بیشتری را به شما می دهد و کار را برای شما راحت می کند .

با Flex Box شما می توانید المان های مختلف را در کنار یکدیگر قرار دهید بدون آنکه نیازباشد طول و عهرض آن ها را مشخص کنید و  به راحتی ترتیب آن ها را نیز تغییر دهید.

در دوره آموزش flexbox قصد داریم شما را به صورت کامل با Flex Box  آشنا کنیم به نحوی که بتوانید به راحتی از آن در پروژه های خود استفاده کنید. همچنین جهت تکمیل فرایند یادگیری خود میتوانید از وبسایت  css-tricks برای آموزش flexbox استفاده کنید.

در دوره آموزش flexbox چه می آموزید ؟

در این آموزش ابتدا یک ادیتور انتخاب کرده و آن را نصب میکنیم در ادامه منبع آموزش به شما معرفی میشود تا مستقیم به آن دسترسی داشته باشید و نحوه خواندن مطالب را یاد بگیرید و برای هر بخش از آموزش مثال های عملی به شما داده میشود .

display

flex-row

flex-direction

justify-content

lign-self

سرفصل های دوره آموزش flexbox:

فصل اول: flex container

introdution

setup

display

direction

wrwp

flow

justify-content

align-items

align content

فصل دوم:flex items

order

flex grow

flex shrink

flex basis

flex

align self

پیش نیازهای این دوره چیست ؟

تسلط نسبی به css

این دوره برای چه کسانی مناسب است ؟

برای کسانی که به css تسلط نسبی دارند و برای راحتی کار و همچنین کد استاندارد تر نیاز به آموزش دارند .

چه نرم افزارهایی در این دوره استفاده شده است ؟

در دوره آموزش flexbox تنها از نرم افزار vsCode استفاده شده است .

 

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