بازگشت به دوره

استفاده از CSS Grid

ورود به سایت

برای مشاهده این جلسه از دوره آموزش جامع CSS باید وارد حساب کاربری خود در سایت شوید.

معرفی دوره
ویدیو آموزشی | 4 دقیقه

معرفی CSS و سینتکس
ویدیو آموزشی | 8 دقیقه

روش های اعمال استایل ها
ویدیو آموزشی | 5 دقیقه

سلکتور ها Selectors
ویدیو آموزشی | 17 دقیقه

کامنت گذاری در CSS
ویدیو آموزشی | 3 دقیقه

رنگ ها در CSS
ویدیو آموزشی | 10 دقیقه

بکگراند Background
ویدیو آموزشی | 10 دقیقه

border در CSS
ویدیو آموزشی | 12 دقیقه

مارجین Margin
ویدیو آموزشی | 8 دقیقه

پدینگ padding
ویدیو آموزشی | 6 دقیقه

بررسی CSS Units
ویدیو آموزشی | 27 دقیقه

MaxWidth , MinWidth , MaxHeight , MinHeight
ویدیو آموزشی | 11 دقیقه

مفهوم Box Model و کار با Box Sizing
ویدیو آموزشی | 10 دقیقه

بررسی Outline
ویدیو آموزشی | 5 دقیقه

ترازبندی متن Text Align
ویدیو آموزشی | 17 دقیقه

بررسی Text Decoration
ویدیو آموزشی | 13 دقیقه

بررسی Text Transformation
ویدیو آموزشی | 3 دقیقه

بررسی Text Spacing
ویدیو آموزشی | 11 دقیقه

بررسی Text Shadow
ویدیو آموزشی | 6 دقیقه

کار با فونت ها
ویدیو آموزشی | 10 دقیقه

لود فونت اختصاصی + استفاده از فونت های گوگل
ویدیو آموزشی | 15 دقیقه

از کجا لایسنس فونت بخریم ؟
ویدیو آموزشی | 4 دقیقه

بررسی List Style
ویدیو آموزشی | 12 دقیقه

بررسی display
ویدیو آموزشی | 20 دقیقه

بررسی position
ویدیو آموزشی | 25 دقیقه

بررسی Z index
ویدیو آموزشی | 14 دقیقه

بررسی overflow
ویدیو آموزشی | 12 دقیقه

بررسی Psudo Classes
ویدیو آموزشی | 27 دقیقه

بررسی Psudo Elements
ویدیو آموزشی | 13 دقیقه

بررسی Opacity
ویدیو آموزشی | 6 دقیقه

اولویت استایل ها و important
ویدیو آموزشی | 9 دقیقه

بررسی Gradiant
ویدیو آموزشی | 13 دقیقه

بررسی Box Shadow
ویدیو آموزشی | 10 دقیقه

بررسی Transition
ویدیو آموزشی | 16 دقیقه

بررسی Transform
ویدیو آموزشی | 10 دقیقه

بررسی Cursor
ویدیو آموزشی | 5 دقیقه

بررسی Object Fit
ویدیو آموزشی | 10 دقیقه

استایل دهی جداول
ویدیو آموزشی | 13 دقیقه

متغیر ها Variables
ویدیو آموزشی | 13 دقیقه

مدیا کوئری ها Media Queries
ویدیو آموزشی | 14 دقیقه

انیمیشن Animation و Keyframes
ویدیو آموزشی | 12 دقیقه

پایان فصل اول
ویدیو آموزشی | 2 دقیقه

معرفی فلکس باکس و شروع فلکس باکس
ویدیو آموزشی | 3 دقیقه

بررسی flex-direction و flex-wrap
ویدیو آموزشی | 13 دقیقه

بررسی justify-content و align-content و align-items
ویدیو آموزشی | 20 دقیقه

بررسی gap
ویدیو آموزشی | 4 دقیقه

بررسی order
ویدیو آموزشی | 6 دقیقه

بررسی flex-grow و flex-shrink
ویدیو آموزشی | 14 دقیقه

بررسی flex-align و flex و flex-bases
ویدیو آموزشی | 9 دقیقه

شروع پروژه و فایل های مورد نیاز
ویدیو آموزشی | 6 دقیقه

پیاده سازی Header
ویدیو آموزشی | 24 دقیقه

پیاده سازی Main - بخش اول
ویدیو آموزشی | 28 دقیقه

پیاده سازی Main - بخش دوم
ویدیو آموزشی | 17 دقیقه

پیاده سازی Footer
ویدیو آموزشی | 13 دقیقه

ریسپانسیو سازی پروژه
ویدیو آموزشی | 11 دقیقه

ریسپانسیو سازی هدر + تکمیل پروژه
ویدیو آموزشی | 22 دقیقه

معرفی CSS Grid
ویدیو آموزشی | 4 دقیقه

استفاده از CSS Grid
ویدیو آموزشی | 4 دقیقه

بررسی grid-template-rows و grid-template-columns
ویدیو آموزشی | 9 دقیقه

بررسی gap و column-gap و row-gap
ویدیو آموزشی | 3 دقیقه

بررسی justify-content و align-content
ویدیو آموزشی | 5 دقیقه

بررسی واحد Fraction
ویدیو آموزشی | 7 دقیقه

بررسی فانکشن minmax
ویدیو آموزشی | 5 دقیقه

بررسی min-content و max-content
ویدیو آموزشی | 5 دقیقه

بررسی grid-row و grid-column و span
ویدیو آموزشی | 11 دقیقه

بررسی grid-area و grid-template-areas
ویدیو آموزشی | 8 دقیقه

بررسی order
ویدیو آموزشی | 4 دقیقه

بررسی auto-fill , auto-fit
ویدیو آموزشی | 8 دقیقه

بررسی align-self و justify-self
ویدیو آموزشی | 2 دقیقه

ریسپانسیو سازی در grid
ویدیو آموزشی | 6 دقیقه

معرفی و بررسی پروژه گالری
ویدیو آموزشی | 4 دقیقه

پیاده سازی HTML پروژه گالری
ویدیو آموزشی | 5 دقیقه

پیاده سازی CSS پروژه گالری
ویدیو آموزشی | 14 دقیقه

ریسپانسیو سازی پروژه + پایان پروژه گالری
ویدیو آموزشی | 6 دقیقه

پایان دوره و ادامه مسیر
ویدیو آموزشی | 8 دقیقه

توضیحات

در این جلسه با display grid کار میکنیم و فعال سازی گریدبندی را در CSS بررسی میکنیم.

برای دانلود جلسه و فایل های پیوست باید به حساب خود در سایت وارد شوید