آموزش راهنمای کامل CSS Flexbox با یک پروژه کامل [به روز رسانی برای سال 2021] [ویدئو]

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

مبانی برگه های سبک آبشاری (CSS) Flexbox Basics of Cascading Style Sheets (CSS) Flexbox

• معرفی و بررسی اجمالی دوره Course Introduction and Overview

• معرفی و بررسی اجمالی دوره Course Introduction and Overview

• ایجاد اولین کانتینر Flexbox شما Creating Your First Flexbox Container

• ایجاد اولین کانتینر Flexbox شما Creating Your First Flexbox Container

• محورهای اصلی و متقاطع Main and Cross Axes

• محورهای اصلی و متقاطع Main and Cross Axes

• ویژگی فلکس جریان Flex-flow Property

• ویژگی فلکس جریان Flex-flow Property

• آشنایی با ویژگی Flex-wrap Understanding the Flex-wrap Property

• آشنایی با ویژگی Flex-wrap Understanding the Flex-wrap Property

کنترل ترازبندی عناصر با استفاده از برگه های سبک آبشاری (CSS) Flexbox Controlling the Alignment of Elements Using Cascading Style Sheets (CSS) Flexbox

• تراز کردن عناصر با ویژگی Justify-content Aligning Elements with the Justify-content Property

• تراز کردن عناصر با ویژگی Justify-content Aligning Elements with the Justify-content Property

• اطلاعات بیشتر در مورد ویژگی Justify-content More about the Justify-content Property

• اطلاعات بیشتر در مورد ویژگی Justify-content More about the Justify-content Property

• تراز کردن عناصر با ویژگی Align-items Aligning Elements with the Align-items Property

• تراز کردن عناصر با ویژگی Align-items Aligning Elements with the Align-items Property

• تراز کردن یک عنصر با ویژگی Align-self Aligning a Single Element with the Align-self Property

• تراز کردن یک عنصر با ویژگی Align-self Aligning a Single Element with the Align-self Property

• تراز کردن چندین خط با ویژگی Align-content Aligning Multiple Lines with the Align-content Property

• تراز کردن چندین خط با ویژگی Align-content Aligning Multiple Lines with the Align-content Property

• درک ویژگی سفارش Understanding the Order Property

• درک ویژگی سفارش Understanding the Order Property

کنترل ترازبندی عناصر با استفاده از برگه های سبک آبشاری (CSS) Flexbox Controlling the Alignment of Elements Using Cascading Style Sheets (CSS) Flexbox

کنترل اندازه عناصر با استفاده از برگه های سبک آبشاری (CSS) Flexbox Controlling the Sizing of Elements Using Cascading Style Sheets (CSS) Flexbox

• ویژگی Flex-grow در برگه‌های سبک آبشاری (CSS) Flex-grow Property in Cascading Style Sheets (CSS)

• ویژگی Flex-grow در برگه‌های سبک آبشاری (CSS) Flex-grow Property in Cascading Style Sheets (CSS)

• ویژگی Flex-Shrink در برگه‌های سبک آبشاری (CSS) Flex-shrink Property in Cascading Style Sheets (CSS)

• ویژگی Flex-Shrink در برگه‌های سبک آبشاری (CSS) Flex-shrink Property in Cascading Style Sheets (CSS)

• ویژگی های مبتنی بر انعطاف پذیری در برگه های سبک آبشاری (CSS) Flex-basis Property in Cascading Style Sheets (CSS)

• ویژگی های مبتنی بر انعطاف پذیری در برگه های سبک آبشاری (CSS) Flex-basis Property in Cascading Style Sheets (CSS)

کنترل اندازه عناصر با استفاده از برگه های سبک آبشاری (CSS) Flexbox Controlling the Sizing of Elements Using Cascading Style Sheets (CSS) Flexbox

استفاده از برگه های سبک آبشاری (CSS) Flexbox برای ساخت دو منو Using Cascading Style Sheets (CSS) Flexbox to Build Two Menus

• بخش نمای کلی و شروع فایل ها Section Overview and Starting Files

• بخش نمای کلی و شروع فایل ها Section Overview and Starting Files

• ساخت یک منوی ساده با برگه های سبک آبشاری (CSS) Flexbox Building a Simple Menu with Cascading Style Sheets (CSS) Flexbox

• ساخت یک منوی ساده با برگه های سبک آبشاری (CSS) Flexbox Building a Simple Menu with Cascading Style Sheets (CSS) Flexbox

• ساخت یک منوی پیشرفته با Flexbox آبشاری Style Sheets (CSS). Building an Advanced Menu with Cascading Style Sheets (CSS) Flexbox

• ساخت یک منوی پیشرفته با Flexbox آبشاری Style Sheets (CSS). Building an Advanced Menu with Cascading Style Sheets (CSS) Flexbox

استفاده از برگه های سبک آبشاری (CSS) Flexbox برای ساخت دو منو Using Cascading Style Sheets (CSS) Flexbox to Build Two Menus

پروژه مبتنی بر Flexbox Flexbox-based Project

• مروری بر پروژه نهایی شما Overview of Your Final Project

• مروری بر پروژه نهایی شما Overview of Your Final Project

• ساخت طرح جام مقدس Building the Holy Grail Layout

• ساخت طرح جام مقدس Building the Holy Grail Layout

• ساخت هدر با استفاده از برگه های سبک آبشاری (CSS) Flexbox Building a Header Using Cascading Style Sheets (CSS) Flexbox

• ساخت هدر با استفاده از برگه های سبک آبشاری (CSS) Flexbox Building a Header Using Cascading Style Sheets (CSS) Flexbox

• ساخت و طراحی بخش پست ها Building and Styling the Posts Section

• ساخت و طراحی بخش پست ها Building and Styling the Posts Section

• افزودن برگه های سبک آبشاری (CSS) Flexbox به پست ها Adding Cascading Style Sheets (CSS) Flexbox to Posts

• افزودن برگه های سبک آبشاری (CSS) Flexbox به پست ها Adding Cascading Style Sheets (CSS) Flexbox to Posts

• ساخت و طراحی بخش ساعت Building and Styling the Watch Section

• ساخت و طراحی بخش ساعت Building and Styling the Watch Section

• افزودن Flexbox آبشاری Style Sheets (CSS) به بخش Watch Adding Cascading Style Sheets (CSS) Flexbox to the Watch Section

• افزودن Flexbox آبشاری Style Sheets (CSS) به بخش Watch Adding Cascading Style Sheets (CSS) Flexbox to the Watch Section

• ساخت و طراحی بخش دانلود Building and Styling the Download Section

• ساخت و طراحی بخش دانلود Building and Styling the Download Section

• افزودن برگه های سبک آبشاری (CSS) Flexbox به بخش دانلود Adding Cascading Style Sheets (CSS) Flexbox to the Download Section

• افزودن برگه های سبک آبشاری (CSS) Flexbox به بخش دانلود Adding Cascading Style Sheets (CSS) Flexbox to the Download Section

• ساخت یک گالری با چیدمان بنایی افقی با استفاده از برگه های سبک آبشاری (CSS) Flexbox Building a Gallery with the Horizontal Masonry Layout Using Cascading Style Sheets (CSS) Flexbox

• ساخت یک گالری با چیدمان بنایی افقی با استفاده از برگه های سبک آبشاری (CSS) Flexbox Building a Gallery with the Horizontal Masonry Layout Using Cascading Style Sheets (CSS) Flexbox

• افزودن پلاگین گالری لایت باکس به بخش گالری Adding the Gallery Lightbox Plugin to the Gallery Section

• افزودن پلاگین گالری لایت باکس به بخش گالری Adding the Gallery Lightbox Plugin to the Gallery Section

• ساختن نوار کناری با استفاده از برگه های سبک آبشاری (CSS) Flexbox Building a Sidebar Using Cascading Style Sheets (CSS) Flexbox

• ساختن نوار کناری با استفاده از برگه های سبک آبشاری (CSS) Flexbox Building a Sidebar Using Cascading Style Sheets (CSS) Flexbox

• منوها و پاورقی های ساختمان Building Menus and Footers

• منوها و پاورقی های ساختمان Building Menus and Footers

پروژه مبتنی بر Flexbox Flexbox-based Project