آموزش Sass برای مبتدیان: CSS با ابرقدرت ها

Sass Tutorial For Beginners : CSS with Superpowers

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: دانش CSS خود را با یادگیری نحو SCSS، تو در تو، توابع و موارد دیگر در این دوره گسترش دهید! این دوره به شما می آموزد که چگونه از تودرتو، متغیرها، میکسین ها، مکان ها و توابع برای نوشتن سبک های گویاتر و قابل استفاده مجدد استفاده کنید. در پایان دوره، شما قادر خواهید بود یک پایگاه کد CSS را به SCSS تغییر دهید و به چندین وب سایت سبک دهید. هزاران تکنیک CSS مدرن برای ایجاد طرح ها و افکت های خیره کننده پیش نیازها: قبل از شرکت در این دوره باید اصول HTML را بدانید. هر کامپیوتر و سیستم عاملی کار می کند - ویندوز، macOS یا لینوکس نیازی به نرم افزار پولی نیست - ویرایشگر متنی که از قبل دارید به خوبی کار می کند

آیا از سرعت تغییر دنیای برنامه نویسی طراحی وب ناامید هستید؟

آیا احساس می‌کنید که مهارت‌های شما قدیمی شده‌اند و نمی‌توانید با همه زبان‌های جدید وب هماهنگ شوید؟

آیا می ترسید اگر چیز جدیدی یاد نگیرید، مهارت های طراحی وب شما اضافی شود؟

آیا نگران این هستید که "آنچه را که لازم است" برای یادگیری چیزهای جدید و پیچیده نداشته باشید؟

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

Sass چیزی است که به عنوان "" شناخته می‌شود. زبان پیش پردازنده» و اساساً CSS شما را شارژ می کند تا بتوانید شیوه نامه های انعطاف پذیر، تمیز و فوق العاده قدرتمند ایجاد کنید.

هدف کل Sass صرفه جویی در وقت شما هنگام طراحی وب سایت ها و برنامه ها است.

چرا این چیز خوبی است؟

من آزمایش‌هایی انجام دادم و متوجه شدم که با استفاده از Sass در مقابل CSS می‌توانید به وب‌سایت‌ها 150 درصد سریع‌تر استایل دهید...

به عنوان مثال، فرض کنید یک پروژه طراحی وب سفارشی 50 ساعت طول می کشد تا در CSS شکل بگیرد (غیر معمول نیست!)


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

مقدمه ای بر CSS Introduction To CSS

  • معرفی Introduction

  • شروع کار با CSS Getting Started With CSS

  • نحوه استفاده از CSS How to use CSS

  • CSS Syntax and Elements Selectors CSS Syntax And Element Selectors

  • انتخابگر کلاس Class Selector

  • انتخابگر شناسه ID Selector

  • اطلاعات بیشتر درباره انتخابگرها More About Selectors

  • انتخاب زنجیر Chaining Selectors

  • مقدمه ای بر CSS Introduction To CSS

طراحی وب با استفاده از CSS Styling The Web using CSS

  • معرفی Introduction

  • ویژگی های فونت Font Properties

  • خاصیت رنگ Color Property

  • پس زمینه های CSS CSS Backgrounds

  • ارتفاع و عرض CSS CSS Height And Width

  • انتخاب عناصر تو در تو Selecting Nested Elements

  • ویژگی های متن Text Properties

  • مدل جعبه The Box Model

  • مرزهای CSS CSS Borders

  • لایه گذاری Padding

  • شعاع مرزی Border Radius

  • سایه های CSS CSS Shadows

  • حاشیه های CSS CSS Margins

  • تثبیت موقعیت Positioning

  • نمایش دادن Display

  • شناور Float

  • طراحی وب با استفاده از CSS Styling The Web Using CSS

اولین صفحه سبک Sass شما Your First Sass Stylesheet

  • راه اندازی محیط توسعه Setting Up development Environment

  • ادغام Sass در کد ویژوال استودیو Integrating Sass within Visual Studio Code

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

  • انتخابگرهای تودرتو Nesting Selectors

  • ویژگی های تودرتو Nesting Properties

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

  • انواع داده SASS SASS Data Types

  • فهرست ها و نقشه ها Lists & Maps

  • دانشتان را امتحان کنید Test your knowledge

  • خلاصه Summary

ترکیب و انتخابگر Mixins and the & Selector

  • انتخابگر & در Nesting The & Selector in Nesting

  • میکسین چیست؟ What is a Mixin

  • استدلال ها را مخلوط می کند Mixins Arguments

  • آرگومان های مقدار پیش فرض Default Value Arguments

  • حقایق را مخلوط کنید Mixin Facts

  • فهرست آرگومان ها List Arguments

  • درون یابی رشته ای String Interpolation

  • انتخابگر & در Mixins The & Selector in Mixins

  • دانشتان را امتحان کنید Test your knowledge

  • خلاصه Summary

نمایش نظرات

آموزش Sass برای مبتدیان: CSS با ابرقدرت ها
جزییات دوره
2 hours
42
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
8,098
3.8 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Islam Elgaeidy Islam Elgaeidy

مهندس نرم افزار و وب سازنده تمام پشته سلام! اسم من اسلام الگیدی است! من یک مهندس نرم افزار پرشور و یک برنامه نویس کامل وب هستم و بیش از 10 سال تجربه در برنامه نویسی و توسعه وب دارم. من همچنین سالها تجربه به عنوان یک مربی و مربی حرفه ای برای Data Science ، برنامه نویسی و توسعه وب را دارم. من هرگز یادگیری مهارتهای جدید برنامه نویسی و زبانها را متوقف نکرده ام. من با یادگیری Oracle 10g ، توسعه و مدیریت SQL Server شروع کردم و سپس بسیاری از برنامه های دسک تاپ را با استفاده از C # و SQL توسعه دادم. پس از آن من کار خود را به عنوان یک توسعه دهنده فریلنسر آغاز کردم بنابراین ده ها برنامه وب موفق را با استفاده از فناوری های front end مانند (HTML5 ، CSS3 ، Bootstrap ، Javascript) و قاب های Front-end مانند Angular4 + و برای فناوری های back-end توسعه داده ام. از ASP.NET و Node.js استفاده کرده اید. من دانش بسیار خوبی در زمینه توسعه وب در هر دو مورد دارم: Client-end و Back-end. من شروع به ایجاد وب سایت فقط برای سرگرمی و کمک به دیگران کردم ، پس از آن برنامه های بسیار بزرگی را برای شرکت های بین المللی ایجاد کردم و هنوز هم این برنامه ها را توسعه و پشتیبانی می کنم.