برگشت به دوره

Box Model چیست ؟

پیشرفت شما: ٪0
0/91 جلسه
آموزش CSS

برای مشاهده دوره ابتدا لازمه وارد بشی یا ثبت‌نام کنی

ورود و عضویت
216
22
439
بخش اول معرفی

معرفی دوره

ویدیو آموزشی 04:02

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

ویدیو آموزشی 01:40

css چیست

ویدیو آموزشی 04:17

تاریخچه CSS

ویدیو آموزشی 05:41
بخش دوم مقدمات

استایل خطی

ویدیو آموزشی 02:58

کامنت گذاری در css

ویدیو آموزشی 03:34
بخش سوم انتخاب کننده‌ها

کلاس‌های ترکیبی

ویدیو آموزشی 05:38

عملگرهای انتخاب‌کننده

ویدیو آموزشی 08:27

شبه کلاس‌ها و المنت‌ها

ویدیو آموزشی 13:20

دومین آزمون CSS

آزمون 8 سوال
بخش چهارم باکس مدل

Box Model چیست ؟

ویدیو آموزشی 02:37

آشنایی با Padding

ویدیو آموزشی 06:45

آشنایی با Borderها

ویدیو آموزشی 03:34

آشنایی با Marginها

ویدیو آموزشی 06:20

طول و عرض

ویدیو آموزشی 03:26

خصوصیات کوتاه شده

ویدیو آموزشی 08:53

پیاده‌سازی Css Reset

ویدیو آموزشی 07:41

ارث‌بری خصوصیات

ویدیو آموزشی 08:07

سومین آزمون CSS

آزمون 10 سوال
بخش پنجم بکگراند و تصاویر

خلاصه‌نویسی background

ویدیو آموزشی 12:47

آشنایی با رنگ‌ها

ویدیو آموزشی 10:27

بکگراندهای چند لایه‌ای

ویدیو آموزشی 05:27

استفاده از تگ img

ویدیو آموزشی 12:42

چهارمین آزمون CSS

آزمون 10 سوال
بخش ششم فونت و متن

آشنایی با CDN فونت‌ها

ویدیو آموزشی 07:31

آشنای با فرمت فونت‌ها

ویدیو آموزشی 08:33

پیاده سازی فونت با Font Face

ویدیو آموزشی 10:23

استایل‌های فونت

ویدیو آموزشی 12:08

استایل مربوط به متن

ویدیو آموزشی 12:21

پنجمین آزمون CSS

آزمون 10 سوال
بخش هفتم واحدها و سایزها

آشنایی با واحدها

ویدیو آموزشی 05:20

واحدهای مطلق

ویدیو آموزشی 08:56

واحدهای نسبی

ویدیو آموزشی 08:34

کار با واحدهای em و rem

ویدیو آموزشی 12:22

واحد‌های vw و vh

ویدیو آموزشی 06:36

کدام واحد در کجا ؟

ویدیو آموزشی 07:28

ششمین آزمون CSS

آزمون 9 سوال
بخش هشتم موقعیت المنت

پیاده‌سازی Layout ابتدایی

ویدیو آموزشی 09:54

آشنایی با display

ویدیو آموزشی 14:24

آشنایی با flexbox

ویدیو آموزشی 10:32

آشنایی با flexbox - بخش دوم

ویدیو آموزشی 06:24

آشنایی با flexbox - بخش سوم

ویدیو آموزشی 08:31

آشنایی با flexbox - بخش پنجم

ویدیو آموزشی 12:48

آشنایی با flexbox - بخش ششم

ویدیو آموزشی 06:42

پروژه صفحه بندی قالب

ویدیو آموزشی 11:46

آشنایی با css grid

ویدیو آموزشی 13:23

آشنایی با css grid - بخش دوم

ویدیو آموزشی 10:49

آشنایی با css grid - بخش سوم

ویدیو آموزشی 09:14

آشنایی و کار با position

ویدیو آموزشی 18:15
بخش نهم فرم‌ها

استایل دادن به فرم‌ها

ویدیو آموزشی 12:54

تغییر استایل placeholder

ویدیو آموزشی 07:52

تغییر استایل checkbox

ویدیو آموزشی 18:32

استایل focus

ویدیو آموزشی 04:46

استایل دکمه‌ها

ویدیو آموزشی 06:06

هشتمین آزمون CSS

آزمون 7 سوال
بخش یازدهم یادگیری transform

transform چیست؟

ویدیو آموزشی 07:46

چرخش و نقطه transform

ویدیو آموزشی 12:37

کار با skew و translate

ویدیو آموزشی 08:01

درک کاربرد perspective

ویدیو آموزشی 11:03

پروژه مکعب سه بعدی

ویدیو آموزشی 07:20
بخش دوازدهم انیمیشن و انتقال

روش استفاده از transition

ویدیو آموزشی 07:33

آشنایی با زمان‌بندی

ویدیو آموزشی 04:12

روش استفاده از animation

ویدیو آموزشی 08:01

سخن پایانی

ویدیو آموزشی 03:09

آزمون جامع CSS

آزمون 12 سوال

توضیحات

در این جلسه در مورد یک مفهوم و ابزار مهم با عنوان Box Model صحبت خواهم کرد که در css کاربرد بسیار زیادی دارد و ویژگی‌های موجود در Box Model میتواند به مکان قرارگیری المنت‌ها کمک بسیار زیادی کند.

دیدگاه و پرسش

برای ارسال دیدگاه لازم است وارد شده یا ثبت‌نام کنید ورود یا ثبت‌نام

در حال دریافت نظرات از سرور، لطفا منتظر بمانید

در حال دریافت نظرات از سرور، لطفا منتظر بمانید

تکمیل ضبط
خیلی بد
بد
متوسط
خوب
عالی
4.7 از 616 رای
مدت دوره 12:56:15
تعداد جلسات: 91
نوع دوره: رایگان
شرکت‌کنندگان: 12929 نفر
گواهی پایان دوره
وضعیت: ابتدا وارد سایت شوید
گواهی پایان دوره راکت چیست؟
user-avatar
حسام موسوی
مدرس دوره

بیشتر از ۱۵ سال هست که در حال برنامه‌نویسی و انجام پروژه های مختلف هستم و ۱۰ سالی هست که آموزش برنامه‌نویسی به علاقمندان حوزه برنامه نویسی میدیم در همه این مدت الان عاشق کدزنی و چالش‌های پروژه‌های مختلفم. به تدریس علاقه خاصی دارم و دوست دارم دانشی ک...