تاریخچه CSS

https://roocket.ir/series/learn-css/episode/4

در این جلسه قصد دارم تاریخچه css با تمام تغییراتی که در طی زمان برای آن اتفاق افتاده را در طی این جلسه به شما توضیح دهم. 

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

https://roocket.ir/series/learn-css/episode/2

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

انتخاب‌کننده‌های وابسته و چند سطحی

https://roocket.ir/series/learn-css/episode/12

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

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

https://roocket.ir/series/learn-css/episode/14

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

انتخاب‌کننده‌های Attribute

https://roocket.ir/series/learn-css/episode/13

در این جلسه به شما آموزش میدهم که چطور میتوانید المنت‌ها را بر اساس Attribute انتخاب کنید و propertyهای مختلف css را روی آن اعمال کنید.

استایل با تگ style و فایل css

https://roocket.ir/series/learn-css/episode/7

در این جلسه روش اعمال استایل‌‌های css با استفاده از تگ style و فایل css را به شکل کامل به شما آموزش خواهم داد.

معرفی دوره

https://roocket.ir/series/learn-css/episode/1

در این دوره قصد داریم css را به شما به شکل کامل آموزش دهیم. تا بتوانید از css برای طراحی وبسایت مورد نظر خود استفاده نمایید. یادگیری کامل css نیاز به تمرین و تکرار دارد که در این دوره تصمیم داریم که با تکرار و تمرین css را به شکل کامل به شما آموزش دهیم. در این جلسه هم تصمیم دارم این دور...

انتخاب المنت‌ها با Class و ID

https://roocket.ir/series/learn-css/episode/10

در این جلسه در مورد انتخاب کردن المنت‌ها با استفاده از id و class برای اعمال استایل css صحبت میکنم و این مسئله را به شما آموزش خواهم داد.

css چیست

https://roocket.ir/series/learn-css/episode/3

در این جلسه قصد دارم در مورد اولین و مهمترین سوال صحبت کنم، یعنی اینکه css چیست ؟ درک اینکه css چیست و چه کاربردی واقعا دارد میتواند به شما کمک کند تا با دید بهتری این دوره را مشاهده کنید.

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

https://roocket.ir/series/learn-css/episode/11

کلاس‌های ترکیبی میتوانند به ما کمک کنند که استایل‌های شخصی‌سازی شده‌تری را ایجاد کنیم . تا بتوانیم راحتتر ظاهر صفحه خودمان را توسعه دهیم.

شروع کار با Css Grid

https://roocket.ir/series/css-grid-tutorial/episode/1

CSS Grid یکی از موضوعاتی است که اخیرا بیشتر و بیشتر در بحث توسعه وب به آن اشاره می کنند. دلیل این همه بحث و هیجان زدگی هم ساده است: CSS Grid به ما قابلیتی را می دهد که بتوانیم لایه بندی شبکه ها «Grids» را تغییر دهیم. اگر شما به دنبل آن هستید که بدانید CSS Grid چیست و چه کاری...

پشتیبانی مرورگرهای مختلف از Css

https://roocket.ir/series/learn-css/episode/9

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

تو در تو نویسی Grid

https://roocket.ir/series/css-grid-tutorial/episode/6

در این جلسه بهتون آموزش میدم که چطوری میتونید در المنت های تو در تو از Grid استفاده کنید یعنی برای مثال شما در المنت پدر از Grid استفاده کردیم در المنت فرزند هم از Grid استفاده کنید و در المنت فرزند فرزند هم از Grid استفاده کنید و هیچ مشکلی برای شما پیش نیاد . 

رسپانسیو کردن با Grid Area در کنار Media Query ها

https://roocket.ir/series/css-grid-tutorial/episode/5

در این جلسه بهتون آموزش میدم که چطور با استفاده از Grid Area ها در کنار Media Quey یک وبسایت رسپانسیو ایجاد کنید . فقط احتیاجی به کمی دقت داره . 

جابجایی المنت ها

https://roocket.ir/series/css-grid-tutorial/episode/2

در این جلسه به شما آموزش میدم که چطوری میتونید از یک سری از property های css grid استفاده کنید و به راحتی مکان المنت ها را در grid خودتون تغییر بدید . این روش بسیار مهمه و استفاده های زیادی در اینده از این روش میکنیم . 

نامگذاری ستون ها و سطرها

https://roocket.ir/series/css-grid-tutorial/episode/3

در این جلسه به شما آموزش میدم که چطور میتونید ستون ها و سطرهای خودتون رو نامگذاری کنید و در جابجا کردن المنت ها از این اسامی استفاده کنید . 

چینش Layout ها با Grid Area

https://roocket.ir/series/css-grid-tutorial/episode/4

در این جلسه یاد میگیرید که چقدر ساده میتونید layout بندی پروژه خودتون رو با استفاده از نامگذاری و چینش با استفاده از Grid Area پیاده سازی کنید .

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

https://roocket.ir/series/css-grid-tutorial/episode/7

در این جلسه شما با واحد جدیدی در css grid با نام Fraction آشنا میشید که بهتون کمک میکنه راحتتر بتونید المنت هاتون رو به اندازه های مختلف و هماهنگی تبدیل کنید . 

کار با auto-fit و auto-fill

https://roocket.ir/series/css-grid-tutorial/episode/8

در این جسله با دو property پیشرفته با عنوان auto-fill و auto-fit آشنا میشیم و میبینیم که چطور کار میکنن با تفاوت این دو هم بصورت کامل به همراه مثال آشنا خواهیم شد . 

پروژه نهایی

https://roocket.ir/series/css-grid-tutorial/episode/9

این جلسه قسمت پایانی این دوره است و من قصد دارم که یک پروژه ساده را با استفاده از css grid پیاده سازی کنم تا شما با مواردی که تا به اینجای کار یاد گرفتید بیشتر آشنا شوید.