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

  • display
  • flex-row
  • flex-direction
  • justify-content
  • lign-self
  • و...

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

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

معرفی دوره

۱ قسمت
۰۰:۰۷:۵۴
1

معرفی دوره و FLexbox

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

فصل اول – آموزش FlexBox

۲ قسمت
۰۰:۵۱:۵۷
۳

فصل دوم – چالش های FLexBox

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

فصل سوم – پروژه ها

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

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

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

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

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

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

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

مسیر دوره آموزش flexbox

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

  • display
  • flex-row
  • flex-direction
  • justify-content
  • lign-self

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

  • تسلط نسبی به css

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

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

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

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