آموزش SASS و SCSS را یاد بگیرید

Learn SASS and SCSS

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: CSS خود را شارژ کنید! مزایای پیش پردازش CSS با SASS و SCSS را آزاد کنید. راه اندازی یک پروژه SAAS درک و استفاده از تودرتوی SAAS استفاده و به کارگیری مفهوم Segmentation یکپارچه سازی متغیرهای SAAS در کار خود درک ترکیبات SCSS و توابع SCSS ایجاد ترکیبات خود را بشناسید و به کار ببرید بهترین روش ها را بشناسید و به کار ببرید. CSS شما باید بتوانید از سیستم عامل PC یا Mac خود استفاده کنید

به‌عنوان یک توسعه‌دهنده، اهمیت CSS را می‌دانید—و همچنین می‌دانید که چگونه CSS می‌تواند دست و پا گیر، نامرتب و تکراری شود. شاید CSS شما ضعیف عمل کند، یا شاید شما فقط زمان زیادی را صرف کندن کدهای CSS برای حل مشکلات جزئی نمایش می کنید.

از هدر دادن زمان برای کندن موهای خود به دلیل گیج کننده یا عملکرد ضعیف CSS خودداری کنید.

با آموزش SASS و SCSS با دیو موران، با فناوری‌های SASS (Syntactically Awesome Style Sheets) و SCSS (Sassy CSS) آشنا می‌شوید. اگر با این پیشرفت های مهم در دنیای CSS آشنایی ندارید، SASS یک پیش پردازشگر CSS با پیشرفت های نحوی است. برگه های سبک در نحو پیشرفته پردازش می شوند و به شیوه نامه های معمولی CSS تبدیل می شوند. SCSS یک مجموعه فوق العاده از CSS است که برای سازگاری با ویژگی های SASS گسترش یافته است. SASS را می‌توان با هر نسخه‌ای از CSS استفاده کرد و همه کتابخانه‌های CSS سازگار هستند.

در این دوره شما بیشتر از تماشای نمایش های یک مربی متخصص انجام خواهید داد. وقتی از SASS تازه کار به متخصص می روید، دیو از شما دعوت می کند تا کدنویسی کنید. شما این دوره را برای ادغام گردش کار SASS و نحو SCSS در پروژه های توسعه خود آماده خواهید کرد. برای اطمینان از حفظ اطلاعات ارائه شده، دیو چندین تمرین کد آماده کرده است تا به شما کمک کند تا از همه چیز استفاده کنید.

با بیش از 1,000,000 ثبت‌نام در سراسر جهان، LearnToProgram ابتدا مربیانی را برای شما به ارمغان می‌آورد که معلم هستند-- مربیان ما می‌توانند اطلاعات فنی پیچیده را دریافت کنند و آن را برای تقریباً همه قابل درک کنند. دیو موران نیز از این قاعده مستثنی نیست و با یادگیری SASS و SCSS، سبک تدریس او هم راحت و هم بلافاصله قابل درک است.

به   یادگیری SASS و SCSS با دیو موران خوش آمدید. شما را در کلاس می بینیم!



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

مقدمه ای بر SASS Introduction to SASS

  • با مربی خود آشنا شوید Meet your Instructor

  • با مربی خود آشنا شوید Meet your Instructor

  • به SASS خوش آمدید Welcome to SASS

  • به SASS خوش آمدید Welcome to SASS

  • چیدمان دوره Course Layout

  • چیدمان دوره Course Layout

  • نصب (Mac) Installation (Mac)

  • نصب (ویندوز) Installation (Windows)

  • نصب (ویندوز) Installation (Windows)

  • ایجاد یک پروژه SASS جدید Creating a New SASS Project

  • ایجاد یک پروژه SASS جدید Creating a New SASS Project

  • جمع بندی: مقدمه Wrap Up: Introduction

مقدمه ای بر SASS Introduction to SASS

  • نصب (Mac) Installation (Mac)

  • جمع بندی: مقدمه Wrap Up: Introduction

Let's Make a Nest: Nesting With SASS Let's Make a Nest: Nesting With SASS

  • معرفی Introduction

  • ساختن لانه Building a Nest

  • یک پروژه ایجاد کنید Create a Project

  • تودرتو + ارث Nesting + Inheritance

  • تودرتو + ارث Nesting + Inheritance

  • تماس با پدر و مادر Calling the Parent

  • ساخت کارت مجازی Building a vCard

  • ساخت کارت مجازی Building a vCard

  • کد تمیز کردن با تقسیم بندی Cleaning Code with Segmentation

Let's Make a Nest: Nesting With SASS Let's Make a Nest: Nesting With SASS

  • معرفی Introduction

  • ساختن لانه Building a Nest

  • یک پروژه ایجاد کنید Create a Project

  • تماس با پدر و مادر Calling the Parent

  • کد تمیز کردن با تقسیم بندی Cleaning Code with Segmentation

جداسازی طبیعی است: بخش بندی کد ما برای تمیزتر SCSS Separation is Natural: Segmenting our Code for Cleaner SCSS

  • مقدمه ای بر تقسیم بندی Introduction to Segmentation

  • چرا سگمنت Why Segment

  • تقسیم بندی سبک های اصلی Segmenting Core styles

  • بخش بندی عناصر Segmenting Elements

  • بخش بندی عناصر Segmenting Elements

  • ساخت صفحه فرود، قسمت 1 Building a Landing Page, Part 1

  • متفاوت است It Varies

جداسازی طبیعی است: بخش بندی کد ما برای تمیزتر SCSS Separation is Natural: Segmenting our Code for Cleaner SCSS

  • مقدمه ای بر تقسیم بندی Introduction to Segmentation

  • چرا سگمنت Why Segment

  • تقسیم بندی سبک های اصلی Segmenting Core styles

  • ساخت صفحه فرود، قسمت 1 Building a Landing Page, Part 1

  • متفاوت است It Varies

Sassyness متنوع Varied Sassyness

  • مقدمه ای بر کار با متغیرها Introduction to Working with Variables

  • کار با متغیرها Working with Variables

  • کار با متغیرها Working with Variables

  • متغیرها در فایل اصلی SASS Variables in the Main SASS file

  • متغیرها در فایل اصلی SASS Variables in the Main SASS file

  • متغیرها در فایل های SASS محلی Variables in local SASS files

  • متغیرها در فایل های SASS محلی Variables in local SASS files

  • دامنه متغیر: جهانی در مقابل محلی Variable Scope: Global vs. Local

  • دامنه متغیر: جهانی در مقابل محلی Variable Scope: Global vs. Local

  • ساخت صفحه فرود، قسمت 2 Building a Landing Page, Part 2

  • SASS پیشرفته Advanced SASS

  • SASS پیشرفته Advanced SASS

Sassyness متنوع Varied Sassyness

  • مقدمه ای بر کار با متغیرها Introduction to Working with Variables

  • ساخت صفحه فرود، قسمت 2 Building a Landing Page, Part 2

ترکیب‌ها، مکان‌ها، پلاگین‌ها، اوه من Mixins, Placeholders, Plugins, Oh My

  • بیایید آن را با هم مخلوط کنیم Let's mix it up

  • میکسین چیست؟ What are mixins?

  • ارث چیست؟ What is Inheritance?

  • ارث چیست؟ What is Inheritance?

  • پلاگین ها: Bourbon Plugins: Bourbon

  • پلاگین ها: Bourbon Plugins: Bourbon

  • توابع در SASS Functions in SASS

  • ساخت صفحه فرود، نهایی Building a Landing Page, Final

  • بهترین شیوه ها Best Practices

  • بهترین شیوه ها Best Practices

ترکیب‌ها، مکان‌ها، پلاگین‌ها، اوه من Mixins, Placeholders, Plugins, Oh My

  • بیایید آن را با هم مخلوط کنیم Let's mix it up

  • میکسین چیست؟ What are mixins?

  • توابع در SASS Functions in SASS

  • ساخت صفحه فرود، نهایی Building a Landing Page, Final

فصل آخر: بهترین روش ها Final Chapter: Best Practices

  • معرفی Introduction

  • بهترین روش ها: لانه سازی Best Practices: Nesting

  • بهترین روش ها: تقسیم بندی Best Practices: Segmentation

  • بهترین روش ها: متغیرها Best Practices: Variables

  • بهترین روش ها: متغیرها Best Practices: Variables

  • بهترین روش ها: مخلوط Best Practices: Mixins

  • حسابرسی صفحه فرود Landing Page Audit

  • تبریک می گویم Congratulations

فصل آخر: بهترین روش ها Final Chapter: Best Practices

  • معرفی Introduction

  • بهترین روش ها: لانه سازی Best Practices: Nesting

  • بهترین روش ها: تقسیم بندی Best Practices: Segmentation

  • بهترین روش ها: مخلوط Best Practices: Mixins

  • حسابرسی صفحه فرود Landing Page Audit

  • تبریک می گویم Congratulations

نمایش نظرات

آموزش SASS و SCSS را یاد بگیرید
جزییات دوره
3.5 hours
41
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
1,119
4.4 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Tech Learning Network Tech Learning Network

آموزش مهارت‌های دیجیتالی حرفه‌ای، شبکه یادگیری فناوری، یک شبکه ویدئویی است که مهارت‌های دیجیتالی مانند توسعه وب، طراحی گرافیک و بهره‌وری دیجیتال را آموزش می‌دهد. ما معتقدیم که آموزش باید در دسترس همه باشد. می‌توانید محتوای شبکه یادگیری فناوری را در Udemy، وب‌سایت ما و در سراسر دنیای ویدیوی آنلاین بیابید.

Dave Moran Dave Moran

مدرس اصلی در LearnToProgram.TV