🎨 دوره صفر تا صد CSS و SCSS — استایل‌دهی و انیمیشن‌سازی مدرن برای وب
دوره صفر تا صد css و scss - ساخته شده توسط GLM5.3-Flash
مشاهده ریپازیتوری css-scss-pdf-course در گیت‌هاب
برای ورود به صفحه این دوره، مشاهده سرفصلها یا ثبتنام کلیک کنید
🎨 دوره صفر تا صد CSS و SCSS — استایل‌دهی و انیمیشن‌سازی مدرن برای وب
🤖 تولید شده توسط هوش مصنوعی: این دوره به‌طور کامل توسط مدل GLM-5.3-Flash تولید و تدوین شده است.
نسخه دوره: مدرن — منطبق بر آخرین استانداردهای CSS (سلکتور:has، توابع ریاضیclamp، کانتینر کوئری‌ها) و پیش‌پردازنده SCSS با معماری مقیاس‌پذیر
پیش‌نیاز: آشنایی مقدماتی با HTML و ساختار وب
🎯 چرا این دوره؟
طراحی وب امروزی فراتر از چند خط استایل ساده است. این دوره شما را از چیدمان‌های اولیه تا پیشرفته‌ترین انیمیشن‌های سه‌بعدی و معماری‌های حرفه‌ای CSS/SCSS همراهی می‌کند تا بتوانید رابط‌های کاربری چشم‌نواز، ریسپانسیو و استاندارد بسازید.
🗺️ نقشه سرفصل‌های دوره
| فصل | موضوع | مباحث کلیدی |
|---|---|---|
| فصل ۱ | CSS چیست و وب چگونه استایل می‌گیرد؟ | سینتکس، سه روش اتصال، آبشار (Cascade)، تقدم و ارث‌بری |
| فصل ۲ | سلکتورها — از تگ تا :has() |
انواع سلکتورها، ترکیب‌کننده‌ها، Specificity و اولویت قوانین |
| فصل ۳ | رنگ، واحد و تایپوگرافی | فرمت‌های رنگی مدرن، واحدهای نسبی و مطلق (px/rem/em/vh)، فونت و خوانایی |
| فصل ۴ | Box Model — قلب چیدمان | ابعاد، margin ،padding ،border، شعاع گوشه‌ها و سایه‌ها (box-shadow) |
| فصل ۵ | Display، Position و z-index | جریان طبیعی سند، انواع display، موقعیت‌دهی (relative, absolute, fixed, sticky) و لایه‌ها |
| فصل ۶ | Flexbox از صفر تا صد | چیدمان تک‌بعدی، محورهای اصلی و عمود، justify-content، align-items و ضریب‌های رشد/جمع‌شدن |
| فصل ۷ | CSS Grid از صفر تا صد | چیدمان دوبعدی، ستون‌ها و ردیف‌ها، grid-template-areas، فاصله gap و ترازها |
| فصل ۸ | طراحی ریسپانسیو — از موبایل تا مانیتور | مدیا کوئری‌ها، تایپوگرافی روان با clamp()، Container Queries و رویکرد Mobile-First |
| فصل ۹ | Transition و Animation — حرکت بی‌دردسر | انیمیشن‌های نرم، توابع زمان‌بندی (easing)، کی‌فریم‌ها (@keyframes) و شتاب‌دهنده GPU |
| فصل ۱۰ | پروژهٔ عملی ۱ — لندینگ‌پیج مدرن با CSS خالص | طراحی سکشن Hero، کارت‌های تعاملی، هاور افکت‌های جذاب و انیمیشن‌های ورود |
| فصل ۱۱ | SCSS از صفر — نصب، متغیر و تو در تویی | راه‌اندازی Sass، تعریف متغیرها، تو در تویی (nesting)، فایل‌های جزئی (partials) و دستور @use |
| فصل ۱۲ | SCSS حرفه‌ای — mixin، function و حلقه‌ها | ساخت Mixinهای منعطف، توابع سفارشی، حلقه‌های @for و @each، و توابع داخلی Sass |
| فصل ۱۳ | معماری استایل — الگوی 7-1، BEM و توکن‌ها | ساختاردهی مقیاس‌پذیر پروژه‌های بزرگ، قواعد نام‌گذاری BEM، Design Tokens و تعامل با Tailwind |
| فصل ۱۴ | پروژهٔ عملی ۲ — انیمیشن‌های جذاب با SCSS | ساخت کارت‌های سه‌بعدی تعاملی، افکت شیشه‌ای (Glassmorphism)، اسکلتون لودینگ و دارک‌مود |
| فصل ۱۵ | چیت‌شیت، گلاساری و نقشهٔ راه | جدول خلاصه دستورات، فرهنگ لغت تخصصی فارسی-انگلیسی و مسیر رشد حرفه‌ای |
📄 نسخه کتاب الکترونیکی (PDF)
فایل کتاب تمام‌رنگی این دوره با صفحه‌بندی اختصاصی در پوشه دوره قرار دارد:
دوره-صفر-تا-صد-CSS-SCSS.pdf
🏷️ کلمات کلیدی و برچسب‌های سئو (SEO Keywords & Tags)
تگ‌های پیشنهادی برای مخزن گیت‌هاب (Topics):
css, css3, scss, sass, flexbox, css-grid, responsive-design, web-design, persian-tutorial, farsi, آموزش-css, آموزش-فرانت-اند
کلمات کلیدی جستجو:
آموزش کامل CSS3 و SCSS به زبان فارسی, کتاب آموزش CSS pdf, آموزش فلکس باکس و گرید, آموزش انیمیشن سازی در وب, یادگیری Sass رایگان, آموزش جامع فرانت اند
📥 دانلود مستقیم نسخه چاپی و PDF کتاب
برای دسترسی و دانلود مستقیم فایل PDF کامل این دوره آموزشی، به بخش Releases همین ریپازیتوری مراجعه کنید یا فایل PDF قرار داده شده در ریشه مخزن را دریافت نمایید.