توضیحات

آموزش کامل Flexbox – صفر تا صد Flexbox – آموزش FlexBox

نام دوره: Complete Flexbox Course: Master CSS3 Flexbox for Good 

پیش نیاز:

• درک اساسی HTML و CSS
•  استفاده از ویرایشگر کد

توضیحات:

بعد از این دوره ، شما می توانید با استفاده از Flexbox :

• هر عنصر را به صورت عمودی تراز کنید
• ایجاد گریدهای مدرن
• فضای باقیمانده را اشغال کنید
• فاصله بین عناصر را اضافه کنید
• طرح بندی کامل سایت را پیاده سازی کنید
• و خیلی بیشتر!

مطالب بیشتر در دوره آموزش کامل Flexbox:

من به تمام سوالاتی که ممکن است در این راه داشته باشید پاسخ می دهم تا مطمئن شوم که به اهداف یادگیری خود رسیده اید

3 پروژه کوچک مهارت های شما را بهبود می دهد  و شما را قادر می سازد که از Flexbox در پروژه های طراحی وب آینده بهره وری کنید.

در آموزش کامل Flexbox ، شما یاد خواهید گرفت که از تک تک ویژگی های Flexbox استفاده کنید:

Styling flex containers:

1. flex-direction
2. justify-content
3. align-items
4. flex-wrap
5. align-content

Then individual flex items:

1. order
2. align-self
3. flex-grow
4. flex-shrink
5. flex-basis
6. flex

در پایان ، ما به نمونه های Flexbox در دنیای واقعی نگاه خواهیم کرد تا ببینیم چه نوع طرح بندی می تواند بدست آید:

• گریدهای ساده با Flexbox که اندازه همه ستون ها در یک ردیف است
• گریدهای پیشرفته تر Flexbox که ستون ها می توانند اندازه دلخواه داشته باشند
• مرکز عمودی برای تراز کردن عمودی هر عنصر
• اشیا Media رسانه ای ، الگوی محبوب OOCSS
• طرح جام مقدس ، طرح بندی کامل سایت با ستون های کناری و پاورقی چسبناک

به عنوان یک هدیه ، دوره صفر تا صد Flexbox شامل یک ورق تقلب Flexbox کامل است که می توانید با استفاده از آن همه مطالبی را که یاد گرفته اید جمع آوری کنید و هنگام استفاده از Flexbox به آنها مراجعه کنید.

علاوه بر این ، من کدی را برای ویترین Flexbox به نمایش گذاشتم – که مانند یک صفحه تقلب تعاملی است که شما می توانید در مرورگر ببینید که شامل همه ویژگی ها و هر نمونه طرح بندی از این آموزش است.

دوره آموزش کامل Flexbox برای چه کسانی است:

• طراحان وب و توسعه دهندگانی که می خواهند مهارت های پیش روی خود را ارتقا دهند
• طراحانی که می خواهند بهره وری خود را افزایش دهند
• هرکسی که می خواهد با جدیدترین پیشرفتهای استاندارد وب همراه باشد

بخشی از دوره: