پراپرتی align-items - آکادمی آموزش آنلاین تخصصی برنامه نویسی

توضیحات

در این جلسه توضیح پراپرتی align-items از دوره آموزش رایگان flexbox (فلکس باکس) پروژه محور میپردازیم.

HTML CSS طراحی وب طراحی واکنشگرا FlexBox فلکس باکس سی اس اس اچ تی ام ال css 3 html 5

برای مشاهده آنلاین و دسترسی به ویدیو لطفا ابتدا وارد سایت شوید . صفحه ورود

آشنایی با flexbox (فلکس باکس) شامل 13 قسمت

1

آشنایی با flexbox (فلکس باکس)

رایگان 07:46

2

شروع کار با flexbox

رایگان 12:53

3

پراپرتی flex-direction

رایگان 06:05

4

پراپرتی flex-wrap

رایگان 03:20

5

پراپرتی justify-content

رایگان 05:25

پراپرتی align-items

رایگان 04:11

7

پراپرتی align-content

رایگان 03:53

8

main Axis/cross Axis در flexbox (فلکس باکس)

رایگان 04:53

9

پراپرتی gap

رایگان 03:30

10

پراپرتی order

رایگان 03:56

11

پراپرتی align-self

رایگان 02:47

12

پراپرتی های flex-grow و flex-shrink

رایگان 07:09

13

پراپرتی های flex-basis و flex

رایگان 09:43
پروژه شامل 18 قسمت

14

معرفی پروژه

رایگان 06:14

15

ایجاد پروژه

رایگان 08:55

16

ایجاد favicon برای پروژه

رایگان 06:14

17

بخش هدر (html)

رایگان 08:23

18

بخش هدر (css)

رایگان 15:07

19

بخش درباره ما (html)

رایگان 13:40

20

بخش درباره ما (css)

رایگان 12:00

21

بخش خدمات (html)

رایگان 04:24

22

بخش خدمات (css)

رایگان 12:18

23

بخش مقالات (html)

رایگان 07:52

24

بخش مقالات (css)

رایگان 14:27

25

بخش تماس با ما

رایگان 16:16

26

بخش گالری

رایگان 13:02

27

بخش فوتر

رایگان 10:26

28

بخش navbar (قسمت اول)

رایگان 15:49

29

بخش navbar (قسمت دوم)

رایگان 14:19

30

بخش navbar (قسمت سوم)

رایگان 07:19

31

deploy (آپلود پروژه روی سرور)

رایگان 05:10
سخن پایانی و ادامه مسیر شامل 1 قسمت

32

سخن پایانی و ادامه مسیر

رایگان 04:52

برای دانلود ابتدا وارد سایت شوید

مدرس دوره علی شیخ

مدت دوره 04:32:18

تعداد ویدیو 32

وضعیت دوره : کامل شده

قیمت دوره : رایگان

برای دانلود ابتدا وارد سایت شوید

دسته بندی دوره ها

HTML CSS طراحی وب FlexBox Bootstrap فریمورک طراحی سایت جاوا اسکریپت اکما اسکریپت پی اچ پی php mysql javascript jquery oop mvc composer laravel emmet npm nodejs webpack vuejs livewire vuex API وب سرویس alpinejs tailwindcss react git github typescript next.js nest.js nuxt.js sass ساس

دوره های پشنهادی

دوره های آموزشی

آموزش ری اکت (React.js) پروژه محور

کامل شده

% 35 تخفیف

آموزش ری اکت (React.js) پروژه محور

ری اکت (React.js) یک کتابخانه جاوااسکریپتی برای ساخت رابط کاربری (user interfaces) برای اپلیکیشن های تک صفحه ای (single...

~~999,000~~ 649,000 تومان

32:29:27

آموزش لایو وایر (livewire) پروژه محور

کامل شده

% 30 تخفیف

آموزش لایو وایر (livewire) پروژه محور

با گسترش وب اپلیکیشن‌های مدرن، وجود ابزارهایی به منظور هر چه ساده‌تر کردن فرآیند ساخت آن‌ها، بشدت نیاز می‌شود. ابزارهایی...

~~449,000~~ 314,000 تومان

12:00:31

آموزش Bootstrap 4 پروژه محور

کامل شده

آموزش Bootstrap 4 پروژه محور

Bootstrap مجموعه ای از ابزارهای رایگان برای ایجاد صفحات وب و نرم افزارهای تحت وب است که شامل دستورات HTML، CSS و توابع ج...

رایگان

06:29:27

آموزش Bootstrap 4 در دنیای واقعی

کامل شده

% 20 تخفیف

آموزش Bootstrap 4 در دنیای واقعی

آموزش Bootstrap 4 در دنیای واقعی به همراه ۹ پروژه واقعی.بعد از مشاهده دوره Bootstrap 4 نیاز هست که شما دوستان عزیز ‌Boot...

~~349,000~~ 279,000 تومان

05:59:50

مشاهده تمام دوره های آموزشی

کامنت های ارزشمند شما:

برای ارسال کامنت ابتدا باید وارد سایت شوید

khosrow
- 1 هفته پیش
- پاسخ به کامنت
```
 <style>

      .container {

        height: 200px;

        display: flex;

        flex-flow: row wrap;

        justify-content: center;

        align-items: center;

      }

    </style>
```
نظرنون راجب این کد چیه استاد
- علی شیخ
  
  1 هفته پیش
  
  سلام وقت بخیر.
  متوجه سوالتون نشدم؟ اگه منظور اینکه flex-flow: row wrap به چه شکل هست این ویژگی ترکیب دوتا ویژگی هست flex-direction: row و flex-wrap: wrap که توی دوره صحبت شده و میاد آیتم ها رو کنار هم قرار میده و اگه فضا کم باشه به خط بعدی منتقل میکنه

Hamed Kheirollahi
- 3 سال پیش
- پاسخ به کامنت
سلام و عرض ادب.
ممنون بابت زحمات و دوره ی خوبتون.
- علی شیخ
  
  3 سال پیش
  
  سلام وقت بخیر.
  ممنون از شما و حمایتتون
  خداروشکر دوره براتون مفید بوده