آموزش چیدمان وب با Flexbox و Bootstrap 4

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

بررسی اجمالی دوره Course Overview

• بررسی اجمالی دوره Course Overview

ایجاد طرح های Flexbox Creating Flexbox Layouts

• معرفی ماژول Module Introduction

• چه چیزی میخواهید بدانید What You Need to Know

• مبارزه با ستون ها The Struggle with Columns

• درک چیدمان های استاندارد Flex Understanding Standard Flex Layouts

• کاوش در نمونه پرونده ها Exploring the Sample Files

• تعریف طرح Flex Container Defining the Flex Container Layout

• بررسی ستون های Flexbox Row و Flexbox Exploring Flexbox Row vs. Flexbox Columns

• تنظیم جهت کانتینر Adjusting the Container Direction

• ترکیب ظروف Flex و استفاده از Flex Wrap Combining Flex Containers and Using Flex Wrap

• استفاده از اندازه های داخلی Bootstrap Using Bootstrap Built-in Sizes

• نتیجه گیری ماژول Module Conclusion

تنظیم تراز ، حاشیه ها و ترتیب نمایش Adjusting Alignment, Margins, and Display Order

• معرفی ماژول Module Introduction

• درک محورهای فلکس Understanding Flex Axes

• همسویی در امتداد محور اصلی با محتوای توجیه شده Aligning along Main Axis with Justify Content

• تراز کردن در امتداد محور با تراز کردن موارد Aligning along Cross Axis with Align Items

• تراز کردن فلکس باکس های خاص Aligning Specific Flexboxes

• استفاده از کلاسهای Padding و Margin Applying Padding and Margin Classes

• با استفاده از Fill ، Grow و Shrink Using Fill, Grow, and Shrink

• استفاده از حاشیه های خودکار Using Auto Margins

• اقتباس از محتوا بر اساس اندازه Adapting Content Based on Size

• نتیجه گیری ماژول Module Conclusion

افزودن در سایر برنامه های بوت استرپ طرح بندی Adding in Other Bootstrap Layout Utilities

• معرفی ماژول Module Introduction

• با استفاده از کلاس های موقعیت Using Position Classes

• ایجاد Gameboard Creating the Gameboard

• تنظیم تراز متن Adjusting Text Alignment

• ایجاد Modals Creating Modals

• برش تصاویر با کلاس های بوت استرپ Cropping Images with Bootstrap Classes

• تغییر تصاویر و قابلیت مشاهده بر اساس اندازه Changing Images and Visibility Based on Size

• نتیجه گیری ماژول Module Conclusion

نهایی کردن پروژه ما قبل از اعزام Finalizing Our Project Before Deployment

• معرفی ماژول Module Introduction

• بررسی پرونده JSON Exploring the JSON file

• نمایش سوالات Showing Questions

• در حال نهایی کردن پرونده های خود Finalizing Your Files

• نتیجه گیری دوره Course Conclusion