آموزش توسعه وب Full Stack برای مبتدیان - قسمت 2: Flexbox، CSS Grid و Bootstrap 4

درس ها Lessons

• فلکس باکس چیست؟ What is Flexbox?

• Flex wrap و توجیه محتوا Flex wrap and justify content

• اضافه کردن کنترل به چرخ فلک Adding controls to the carousel

• مناطق الگوی شبکه Grid template areas

• چرخ فلک های بوت استرپ Bootstrap carousels

• موارد را تراز کنید Align items

• آهنگ تکرار و واحد fr Track repeating and the fr unit

• حداقل و حداکثر اندازه آهنگ Min and max track sizes

• افزودن عکس و متن Adding images and text

• ایجاد یک پروژه بوت استرپ Creating a Bootstrap project

• هم ترازی Alignment

• شماره خطوط شبکه Grid line numbers

• من را در Skillshare دنبال کنید! Follow me on Skillshare!

• ابتدا به شبکه CSS نگاه کنید First look at the CSS grid

• شکاف های شبکه Grid gaps

• نام خطوط شبکه Grid line names

• متشکرم Thank you

• زمان تمرین: طرح بندی آهنگ یاب Time to practice: Song Finder layout

• زمان تمرین: Flexbox را در فروشگاه فناوری ادغام کنید Time to practice: Integrate Flexbox into Tech Store

• کنترل اقلام کودک: هم ترازی Controlling child items: alignment

• شبکه بوت استرپ The Bootstrap grid

• تراز کردن محتوا Align content

• نوارهای ناوبری بوت استرپ Bootstrap navbars

• شبکه های تودرتو Nesting grids

• بوت استرپ چیست؟ What is Bootstrap?

• ابزارهای بوت استرپ Bootstrap utilities

• چیزی که خواهیم ساخت What we will be building

• کنترل اقلام کودک: سفارش Controlling child items: order

• کنترل اقلام کودک: رشد و کوچک شدن Controlling child items: grow and shrink

• جهت فلکس Flex direction

• به دوره خوش آمدید! Welcome to the course!

• CSS Grid چیست؟ What is the CSS Grid?

• مدال های بوت استرپ Bootstrap modals

• فرم های بوت استرپ Bootstrap forms