دوره آموزش Css، جامع(از سیر تا پیاز?) و کاملا رایگان?

دوره آموزش Css، جامع(از سیر تا پیاز😎) و کاملا رایگان💥

سلام دوستان😊، امروز قراره با هم دوره آموزش Css رو شروع کنیم. اگه خاطرتون باشه وقتی درباره راهنمای یادگیری و شروع طراحی سایت با هم صحبت کردیم، به این نتیجه رسیدیم که اولین قدم برای طراحی یه سایت، یادگیری html و قدم دوم یادگیری css هست. بعد از انتشار دوره آموزش html در سایت، نوبت میرسه به دوره آموزش Css که قراره به امید خدا از امروز یادگیری این مهارت رو در کنار هم شروع کنیم. این دوره کاملا رایگانه و سعی کردم تا جایی که ممکنه این دوره رو کامل بهتون آموزش بدم.

توی این دوره قراره مطالب فوق العاده جذاب و کاربردی‌ای رو با هم یاد بگیریم🤩. بعد از گذروندن این دوره شما می‌تونید بدون نیاز به هیچ ابزار دیگه‌ای رابط کاربری یه وبسایت رو طراحی کنید. بیشتر از این مقدمه چینی نمی‌کنم و مستقیم میریم سراغ آموزش. توی تک تک درس‌های این دوره سعی کردم مطالب رو خیلی ساده و روان بهتون آموزش بدم. با این وجود هر جا هر مبحثی رو متوجه نشدید، کافیه زیر همون آموزش برام کامنت بذارید تا راهنماییتون کنم.

Css چیه و به چه دردی میخوره؟؟!!!

قبل از هر چیز بهتره درباره Css با هم صحبت کنیم و ببینیم اصلا css چیه و چرا باید یادگیریش رو شروع کنیم؟!. عبارت Css مخفف cascading style sheet هست. اگه بخوام خیلی ساده و واضح بهتون css و دلیل اهمیت اون رو توضیح بدم و اضافه گویی هم نکنم بهتره با هم به عکس زیر نگاه کنیم.

تا اینجای کار در کنار هم html رو یاد گرفتیم و دیدیم که چطور می‌تونیم به کمک تگ‌های html یه صفحه وب رو طراحی کنیم. اما مشکلی که وجود داشت این بود که صفحه طراحی شده به کمک html یه صفحه بدون رنگ و رو و خیلی خشک و ساده بود. نگاه کردن به چنین سایتی حتی برای خودمون هم سخت بود، چه برسه به کاربر😁. برای اینکه به سایتی که طراحی کردیم رنگ و لعاب بدیم، باید بتونیم از css استفاده کنیم. فرق html و css دقیقا مثل یه انسان و اسکلتش هست. درسته که کار اصلی که همون اسکلت سایت هست رو html انجام میده اما سایتی که فقط با html طراحی شده به اندازه اسکلت انسان ترسناکه. برای اینکه سایت شما زیبا و قابل استفاده بشه باید css رو یاد بگیرید.

سرفصل‌های دوره آموزش Css

درس اول: آشنایی با سلکتورهای Css.
درس دوم: آموزش لینک کردن استایل Css به فایل html.
درس سوم: آموزش کار با رنگ‌ها در Css.
درس چهارم: آشنایی با خاصیت background.
درس پنجم: خاصیت border و استفاده از آن.
درس ششم: آموزش استفاده از padding و margin در css.
درس هفتم: آموزش استایل دهی به متن.
درس هشتم: آموزش کار با ابعاد در css.
درس نهم: آموزش خصیصه position در css.
درس دهم: z-index چیست؟.
درس یازدهم: آشنایی با خصیصه overflow و اهمیت آن.
درس دوازدهم: خصیصه display.
درس سیزدهم: استایل‌دهی به جدول‌.
درس چهاردهم: آیکن‌ها در css.
درس پانزدهم: لینک‌ها در css.
درس شانزدهم: آشنایی با opacity.
درس هفدهم: انیمیشن‌ها در css.
درس هجدهم: استفاده از Combinators.
درس نونزدهم: واحدهای اندازه‌گیری.
درس بیستم: خصیصه !important.
درس بیست و یکم: توابع ریاضی.
درس بیست و دوم: تعریف فونت در css.
درس بیست و سوم: آموزش استفاده از متغیرها در css.
درس بیست و چهارم: استفاده از Transition ها در Css.
درس بیست و پنجم: آموزش استفاده از web fonts.
درس بیست و ششم: آموزش کار با shadows.

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