آموزش flexbox (فلکس باکس) پروژه محور

توضیحات تدریس

در دنیای HTML و CSS که نمایش محتوا را به عهده دارند همیشه یک موضوع، سختی و پیچیدگی خاص خود را داشته و آن هم صفحه آرایی است.به عنوان مثال اگر شما بخواهید یک صفحه برای نمایش یک ستونی یا دو ستونی از عکس ها را داشته باشید با مشکل چندانی رو به رو نیستید ولی برای صفحه آرایی های چند ستونه ی تودرتو قطعا با دردسرهای مختلفی مواجه خواهید شد و همچنین یکسان سازی صفحه آرایی صورت گرفته در مرورگرهای مختلف کار شما را پیچیده تر می کند.اگر با صفحه آرایی امروزی آشنا باشید قطعا با مشکل Float که به وسیله تکنیک Clearfix حل می شود دست و پنجه نرم کرده اید.خبر خوب اینکه CSS ۳ ماژولی برای صفحه آرایی دارد که نه تنها مشکلات قبلی را کنار می زند بلکه ویژگی های بسیار چشم گیر و کاربردی را فراهم می کند. این ماژول Flexible Box یا Flexbox نام دارد. مباحثی که در این دوره گفته میشود شامل : آشنایی با FlexBox (فلکس باکس) معرفی و آشنایی با flexbox (فلکس باکس) پراپرتی های flex-direction و flex-wrap پراپرتی های justify-content و align-items و align-content main Axis / cross Axis (محور اصلی و فرعی) در flexbox (فلکس باکس) پراپرتی های gap و order و align-self پراپرتی های flex-grow و flex-shrink و flex-basis پراپرتی flex