آموزش دوره کامل Sass & SCSS: از مبتدی تا پیشرفته

سرفصل ها و درس ها

مقدمه - به دوره کامل SASS و SCSS خوش آمدید! Introduction - Welcome To The Complete SASS & SCSS Course!

• مقدمه: به دوره کامل SASS & SCSS خوش آمدید! Introduction: Welcome To The Complete SASS & SCSS Course!

• مقدمه ادامه دارد: در اینجا چیزی است که در دوره SASS و SCSS ما خواهید آموخت! Introduction Continued: Here is What You Will Learn In Our SASS & SCSS Course!

• نحوه دنبال کردن و استفاده از این دوره How To Follow Along and Use This Course

بررسی اجمالی Sass Sass Overview

• پیش پردازنده چیست؟ What Is a Preprocessor?

• پیش پردازنده ها Preprocessors

• Sass یا SCSS؟ Sass or SCSS?

• Sass در مقابل SCSS Sass vs. SCSS

برپایی Setup

• تنظیم Sublime Text 3 Setting Up Sublime Text 3

• نصب Sass/SCSS Installing Sass / SCSS

• یک تست سریع A Quick Test

• تنظیم ساختار پروژه Setting Up The Project Structure

متغیرها Variables

• متغیرها در Sass Variables in Sass

• استفاده صحیح از متغیرها Using Variables Correctly

• متغیرها Variables

جزئی Partials

• جزئی Partials

• جزئی Partials

مخلوط ها Mixins

• میکس ها در Sass Mixins in Sass

• مخلوط ها Mixins

• با استدلال مخلوط می شود Mixins with Arguments

• با استدلال مخلوط می شود Mixins with Arguments

• انتقال محتوا به مخلوط Passing Content Into Mixins

• با بلوک های محتوا ترکیب می شود Mixins with Content Blocks

واردات Imports

• واردات در ساس Imports in Sass

• واردات Imports

• فعالیت تمرینی: ترکیبی برای وارد کردن فونت ها Practice Activity: A Mixin to Import Fonts

داستان های رسانه Media Queries

• جستجوهای رسانه تودرتو در Sass Nested Media Queries in Sass

• پرسش‌های رسانه تودرتو Nested Media Queries

• فعالیت تمرینی: پرس و جوهای ترکیبی و رسانه ای Practice Activity: Mixins & Media Queries

اپراتورها Operators

• حساب پایه و پوسته Sass Basic Arithmetic & The Sass Shell

• حساب رنگی Color Arithmetic

• حساب در ساس Arithmetic in Sass

کارکرد Functions

• توابع چیست؟ What Are Functions?

• توابع داخلی Built-in Functions

• ایجاد عملکردهای خود Creating Your Own Functions

• توابع Sass Sass Functions

وراثت Inheritance

• ارث بردن با @extend Inheritance with @extend

• اطلاعات بیشتر درباره @extend (+ متغیرهای Sass) More About @extend (+ Sass placeholders)

• آیا به آن نیاز دارید؟ @extend در مقابل @mixin Do You Need It? @extend vs. @mixin

• وراثت Inheritance

دستورالعمل های مشروط Conditional Directives

• با استفاده از دستورالعمل های @if و @else Using the @if and @else Directives

• فعالیت تمرینی: @if Directives To Switch Themes Practice Activity: @if Directives To Switch Themes

• فعالیت تمرینی: یک ترکیب مفید با @if Practice Activity: A Useful Mixin With @if

• شرایط و دستورالعمل @if Conditionals and the @if Directive

حلقه ها Loops

• @for Loops @for Loops

• @each Loops @each Loops

• @while حلقه ها @while Loops

• حلقه ها Loops

Sass Frameworks Sass Frameworks

• مروری بر Susy، Breakpoint و Compass An Overview of Susy, Breakpoint & Compass

• نصب Toolkits & Frameworks Installing the Toolkits & Frameworks

• شروع کار با Susy: ایجاد سیستم شبکه خود Getting Started With Susy: Creating Your Own Grid System

• اطلاعات بیشتر درباره Susy: Border-Box-Sizing More About Susy: Border-Box-Sizing

• پرس و جوهای طراحی و رسانه اول موبایل با نقطه شکست Mobile-First Design & Media Queries With Breakpoint

• قطب نما: یاور شما برای هر چیز دیگری Compass: Your Helper for Everything Else

خلاصه دوره و نتیجه گیری دوره - اکنون زمان به کارگیری آنچه آموخته اید است Course Summary & Course Conclusion - It's Now Time To Apply What You've Learned

• خلاصه دوره و نتیجه گیری دوره - مروری کوتاه بر آنچه آموخته ایم Course Summary & Course Conclusion - A Short Overview of What We Have Learned

• یک سخنرانی جایزه ویژه منحصراً برای دانش آموزانی که در این دوره ثبت نام می کنند! A Special Bonus Lecture Exclusively For The Students Enrolling In This Course!