تا حالا با دومینو سرگرم شدید؟!
بدترین حالت این سرگرمی وقتیه که کلی زمان میذارید و طرح های خیلی خوبی روی زمین می چینید تا آخر کار با شروع ریختن دومینوها یه منظره جذاب ببینید. حالا تصور کنید وسط کار دست یا پای شما به یکی از تکه ها بخوره اونوقت همون لحظه فاتحه اون طرح رو می خونید…
طراحی و چیدمان المان ها با CSS یه چیزی شبیه این داستان هست که گاهی وقتا با کوچکترین تغییری در ترتیب یا جانمایی المان ها همه چیز به هم میریزه!
در حالت عادی با مارجین، پدینگ، پوزیشن ها، ترنسلیت و…. سعی می کنید موقعیت المان ها رو داخل صفحه مشخص کنید و با کمک این پراپرتی ها، قالب های خودتون رو لایه بندی(Layout) کنید. اما اینجا قصد داریم شما رو با فلکس باکس که یکی از ماژول های فوق العاده CSS هست، آشنا کنیم تا بتونید لایه بندی صفحات رو با لذت و راحت انجام داده و قالب های خودتون رو پیاده سازی کنید.
استفاده از FlexBox یکی از عوامل اصلی رسپانسیوسازی بی دردسر و عالی صفحات وب هست که به شما کمک میکنه با هر نوع ساختاری که برای المان ها می چینید، بازهم ترتیب و چیدمانی بدون بهم ریختگی داشته باشید و مجبور نخواهید بود از پوزیشن ها و Float و … استفاده کنید.
پیشنهاد میکنیم اگر در پوزیشن و layout بندی قالب ها مشکل دارید حتما برای یادگیری فلکس باکس وقت بگذارید تا کار کردن با کدهای CSS براتون راحت تر و دستتون برای هر نوع تغییر یا طرح های خلاقانه ای، بازتر باشه!
تفاوت ماژول گرید و فلکس چیه؟
به طور کلی میتونیم بگیم هر طرحی که با فلکس باکس میتونیم پیاده سازی کنیم با گرید هم قابلیت پیاده سازی داره و در کل هر طرحی رو میشه با هر کدوم انجام داد.
اما هر کدوم از این ماژول ها در بعضی از زمینه ها انعطاف پذیری بیشتری دارن و استفاده از اونها در شرایط خاص، میتونه مفید باشه.
میشه گفت گرید برای انجام کارهایی هست که در چند ردیف و ستون انجام میشن و در این حالت عملکرد فوق العاده ای داره. مثلا زمانی که شما میخواید یک گالری بسازید که با لایه بندی خاص و چند ردیف و ستون ساخته شده، به راحتی میتونید روی گرید حساب کنید و اگه بخواید همین طرح رو با فلکس پیاده سازی کنید، ممکنه کمی به دردسر بیفتید.
از طرف دیگه در حالت های تک ردیفی که صرفا یک ردیف وجود داره و میخوایم المان ها رو در اون ردیف تنظیم کنیم، فلکس گزینه بهتری خواهد بود.
به طور کلی هر کدوم از اینها مزیت و جذابیت خاص خودشون رو دارن. اگه دوست دارید با گرید آشنا بشید میتونید از دوره رایگان هورتاش استفاده کنید.
من گرید رو بلدم نیازه که فلکس رو هم یاد بگیرم؟
پیشنهاد ما به شما اینه که حتما این دو ماژول قدرتمند css رو یاد بگیرید تا هر طرحی که جلوی شما قرار دادن یا جایی دیدید، بتونید به بهترین شکل ممکن پیاده سازی کرده و رسپانسیو کنید.
ممکنه شما بتونید با یادگیری هرکدوم از این دو ماژول، طرح های مورد نظر خودتون رو پیاده سازی کنید اما اگه هر دو رو یاد بگیرید و طرح های مختلف رو با ترکیبی از این دو تا پیاده سازی کنید، قطعا دست شما برای خلاقیت و حرفه ای کار کردن، بازتر خواهد بود.
خبر خوب اینه که هورتاش هر دوتا دوره رو به صورت رایگان در اختیار شما قرار داده تا استفاده کنید و لذت ببرید.
تو این دوره چی یاد می گیریم و به چه سطحی میرسیم؟
- آشنایی کامل با مباحث فلکس باکس و تسلط به اون
- آشنایی با نحوه ساختار یک پروژه واقعی در بازار کار
- آشنایی با نحوه پیاده سازی یک قالب زیبا و نحوه پیاده سازی ساختار HTML
- آشنایی با layout بندی قالب برای پیاده سازی راحت تر
- ریسپانسیو سازی به کمک FlexBox
این دوره برای چه کسانی مناسب هست؟
یادگیری فلکس باکس برای افرادی که به هر نحو با برنامه نویسی وب سروکار دارن ضروری هست و به طور ویژه برای فرانت اند کارها…
به طور کلی اگر :
- HTML/CSS بلدید و به دنبال یک ماژول CSS حرفه ای برای طراحی UI صفحات وب و موبایل هستید
- در پیاده سازی قالب ها از روی فایل های ادوبی XD و فیگما ضعف دارید
- از پیچیدگی ها و سختی های چیدمان المان ها و رسپانسیوسازی صفحاب وب خسته شدید
این دوره دقیقا برای شما طراحی شده و قطعا از مطالب اون لذت می برید چون تاثیرش روی کار شما حتی در کوتاه مدت محسوس خواهد بود.
با عرض سلام خدمت جناب روشنایی
دوره بسیار عالی بود
با تشکر از شما
خواهش میکنم دوست عزیزم خداروشکر که مفید واقع شده