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

معرفی 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 دقیقه

توضیحات

در این جلسه به بررسی CSS Grid و کاربرد و تفاوت آن نسبت به FlexBox می پردازیم.

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