6266

آموزش استفاده از Sass در Asp Core

کدسل برنامه نویسی وب Asp.Net Core

لینک کوتاه https://codecell.ir/course/6266
رایگان از من حمایت کن!
مدرس: سهراب قیصری
تعداد ویدیوها: 3
مدت زمان دوره: 00:34:48
وضعیت دوره: در حال برگزاری
آخرین بروزرسانی: 1401/05/15
به اشتراک گذاری
نظرات
0
کلمات کلیدی:
آموزش های پیشنهادی:
جلوگیری از حملات XSS در Asp Core استفاده از انیمیشن های Lottie در Asp Core آموزش کد فرست در EF Core آموزش SignalR در Asp.Net Core آموزش Fluent API در EF Core آموزش تبدیل برنامه های Asp.Net Core به PWA بررسی Service Lifetime تزریق وابستگی در Asp core آموزش نصب و استفاده از CKEditor 5 در Asp Core آموزش استفاده از Serilog در asp.net core آموزش RESTful API و عملیات CRUD در Asp Core آموزش استفاده از Kendo UI در Asp.net core ارسال web push notification در Asp Core آموزش استفاده از HttpClientFactory در asp core آموزش استفاده از View Location Expander در asp core mvc آموزش استفاده از Json Columns در EF Core 7 آموزش Bulk Update و Bulk Delete در EF Core 7 آموزش FluentValidation در Asp Core
دیگر آموزش های مدرس:
آموزش ایجاد برنامه ی چت با Blazor Auto و SignalR اپلیکیشن چت با Blazor Auto و SignalR

آموزش ایجاد برنامه ی چت با Blazor Auto و SignalR

13:08:56
3٬250٬000 تومان
Auto Migration در Asp.net Core Web API Auto Migration در Asp.net Core Web API

Auto Migration در Asp.net Core Web API

00:28:35
رایگان
آموزش جامع .NET MAUI آموزش جامع .NET MAUI

آموزش جامع .NET MAUI

29:56:43
1٬700٬000 تومان
آموزش Web API در Asp.net Core 7 و 8 آموزش Web API در Asp.net Core 7

آموزش Web API در Asp.net Core 7 و 8

17:44:59
900٬000 تومان
آموزش پروژه محور Blazor: Full stack Web UI آموزش Blazor Full stack Web UI

آموزش پروژه محور Blazor: Full stack Web UI

24:27:19
1٬650٬000 تومان
Hashing و Salting در سی شارپ Hashing و Salting در سی شارپ

Hashing و Salting در سی شارپ

00:09:33
رایگان
الگوی طراحی Adapter در Asp.net Core Web API الگوی طراحی Adapter در Asp.net Core Web API

الگوی طراحی Adapter در Asp.net Core Web API

00:11:45
رایگان
آموزش مقدماتی تا پیشرفته Blazor WebAssembly آموزش Blazor WebAssembly

آموزش مقدماتی تا پیشرفته Blazor WebAssembly

19:16:19
1٬300٬000 تومان
Response Compression در ASP.NET Core Response Compression در ASP.NET Core

Response Compression در ASP.NET Core

00:08:38
رایگان
پیاده سازی Soft Delete در Asp.net Core پیاده سازی Soft Delete در Asp.net Core

پیاده سازی Soft Delete در Asp.net Core

00:20:40
رایگان
آموزش معماری Microservice و کوبرنتیز در ASP.NET Core معماری Microservice در ASP.NET Core

آموزش معماری Microservice و کوبرنتیز در ASP.NET Core

15:27:40
1٬600٬000 تومان
آموزش Minimal API در Asp.net Core Minimal API در Asp.net Core

آموزش Minimal API در Asp.net Core

01:02:40
رایگان
معماری Vertical Slice در Asp.net Core 8 معماری Vertical Slice در Asp.net Core 8

معماری Vertical Slice در Asp.net Core 8

00:31:07
رایگان
نکات و ترفندهای Net Core و سی شارپ نکات و ترفندهای Net Core

نکات و ترفندهای Net Core و سی شارپ

03:44:30
رایگان
معماری Multi-Tenant در Asp.net core معماری Multi-Tenant در Asp.net core

معماری Multi-Tenant در Asp.net core

00:37:47
رایگان
آموزش پیشرفته Asp.net Core آموزش Asp.net Core 7 MVC آموزش Asp Core 7 MVC

آموزش پیشرفته Asp.net Core

31:50:49
1٬000٬000 تومان
آموزش ایجاد دسترسی داینامیک و احراز هویت Jwt در Asp.net Core دسترسی داینامیک و احراز هویت Jwt در Asp Core

آموزش ایجاد دسترسی داینامیک و احراز هویت Jwt در Asp.net Core

07:09:15
600٬000 تومان
آموزش استفاده از Hosted Service ها در Asp Core آموزش نحوه اجرای کارهای پس زمینه در asp core

آموزش استفاده از Hosted Service ها در Asp Core

01:26:43
200٬000 تومان
آموزش Redis در Asp.net Core با Docker آموزش استفاده از Redis در Asp.net Core با داکر

آموزش Redis در Asp.net Core با Docker

04:43:21
400٬000 تومان
آموزش gRPC در Asp.net Core آموزش gRPC در Asp Core

آموزش gRPC در Asp.net Core

07:10:38
700٬000 تومان
آموزش رایگان Sass در Asp Core

Sass چیست؟

Sass (مخفف syntactically awesome style sheets) یک زبان برنامه نویسی پیش پردازشگر است که به صورت Cascading Style Sheets (CSS) تفسیر یا کامپایل می شود. Sass پایدارترین ،قدرتمندترین و حرفه ای ترین افزونه CSS در جهان است و با تمام نسخه های CSS سازگار است.

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

پیش پردازنده CSS چیست؟

پیش پردازنده CSS یک زبان برنامه نویسی است که CSS را با اجازه دادن به توسعه دهندگان برای نوشتن کد به یک زبان و سپس کامپایل آن در CSS گسترش می دهد. Sass شاید محبوب ترین پیش پردازنده در حال حاضر باشد، اما نمونه های شناخته شده دیگر مانند Less و Stylus نیز وجود دارند.

اکثر طراحان وب می گویند که اگر در CSS تازه کار هستید، بهتر است از یادگیری Sass (یا هر پیش پردازشگر، برنامه افزودنی یا فریمورک) خودداری کنید. درست است که آن ها مزایای زیادی در سرعت و کارایی ارائه می دهند، مهم است که شما واقعاً با اصول CSS آشنا شوید. 

تاریخچه Sass

Sass ابتدا توسط Hampton Catlin طراحی شد و توسط Natalie Weizenbaum در سال 2006 توسعه یافت. پس از توسعه اولیه، Natalie Weizenbaum و Chris Eppstein به نسخه اولیه خود ادامه دادند و Sass را با SassScript، یک زبان برنامه نویسی ساده که در فایل های Sass استفاده می شود، گسترش دادند.

ویژگی های Sass

برخی از ویژگی های متمایز Sass در زیر ذکر شده است:

  • Sass یک افزونه CSS مبتنی بر JS است.
  • Sass با تمام نسخه های CSS هماهنگ کار می کند.
  • Sass در مقایسه با CSS دارای پتانسیل و ثبات بیشتری است.
  • سینتکس Sass به CSS قابل خواندن کامپایل می شود.
  • Sass یک پیش پردازنده منبع باز است که به CSS ترجمه شده است.
  • Sass استفاده از متغیرها، قوانین تودرتو، میکسین ها و غیره را پشتیبانی می کند.
  • Sass دستورالعمل های کنترلی برای کتابخانه ها و بسیاری از توابع مفید برای مقادیر مختلف فراهم می کند.
  • فایل های Sass دارای پسوند .scss هستند.
  • خروجی Sass کاملاً ساختار یافته است و می توان آن را تنظیم کرد.

پیش نیازهای استفاده از Sass

برای درک بهتر Sass، باید درک خوبی از موارد زیر داشته باشید:

  • HTML
  • CSS

چرا Sass اهمیت دارد؟

اهمیت Sass را می توان با این واقعیت برجسته کرد که مدیریت صفحات به دلیل اندازه و پیچیدگی آنها دشوار است، بنابراین، Sass به شما اجازه می دهد تا سبک شیت های خود را سریع تر ساختار دهید. Sass امکان استفاده از variable ها، nesting ها، mixin ها، inheritance ، import  ها، function ها و غیره را فراهم می کند.

Sass چگونه کار می کند؟

Sass از یک پیش پردازشگر برای تبدیل کد به کد CSS قابل خواندن استفاده می کند زیرا کد Sass توسط مرورگر وب قابل درک نیست. این روش تبدیل کد Sass به CSS به عنوان transpiling و پیش پردازنده ای که این عملکرد را انجام می دهد transpiler نامیده می شود.

سرفصل های آموزش استفاده از Sass در Asp Core با استفاده از Visual Studio

  • آموزش نصب و راه اندازی کامپایلر Sass در Visual Studio
  • ایجاد فایل Sass و بررسی  آن
  • آموزش استفاده از Variable ها در Sass
  • آموزش استفاده از Nesting در Sass
  • آموزش استفاده از Partial ها در Sass
  • آموزش استفاده از Mixin ها در Sass
  • آموزش استفاده از Extend ها در Sass
  • آموزش استفاده از Operator ها در Sass
  • آموزش استفاده از Function ها در Sass
  • آموزش استفاده از حلقه ها و دستورات شرطی در Sass
     
فهرست ویدیوها
مدت زمان دوره: 00:34:48
دریافت فایل ها آموزش دانلود دوره
01

آموزش نصب کامپایلر Sass در Visual Studio

00:05:17
02

آموزش استفاده از Variable ها در Sass

00:15:25
03

آموزش استفاده از Nesting در Sass

00:14:06

پرسش های متداول

Sass هم نحو ساده ‌تر و ظریف ‌تری را برای CSS ارائه می‌کند و هم ویژگی‌های مختلفی را پیاده‌سازی می‌کند که برای ایجاد stylesheet های قابل مدیریت مفید هستند.

Sass (که مخفف عبارت Syntactically Awesome style sheets) است، یک افزونه از CSS است که به شما امکان می دهد از امکانات مختلف مانند variable ها، nesting ها، mixin ها، inheritance ، import  ها، function ها و غیره استفاده کنید. Sass به شما امکان می دهد سریعتر استایل شیت ایجاد کنید. و با تمام نسخه های CSS سازگار است.

بهترین بخش در مورد SASS این است که یک زبان برنامه نویسی واقعی است، به این معنی که اگر اصول اولیه نحوه عملکرد یک زبان برنامه نویسی را می دانید - به عنوان مثال. متغیرها، آرایه ها و ساختارهای کنترلی - یادگیری Sass آسان است به شرطی که سینتکس آن را درک کنید.

بوت استرپ محبوب ترین فریم ورک HTML، CSS و JS برای توسعه پروژه های واکنشگرا در وب است. Sass یک افزونه برای توسعه CSS3 است که امکانات مختلف مانند variable ها، nesting ها، mixin ها، inheritance ، import ها، function ها را اضافه می کند.

لازم نیست Sass را یاد بگیرید. با این حال استفاده از Sass بسیار مفید است. با Sass، واقعاً می توانید کارآمدتر باشید و CSS معنایی بیشتری بنویسید.

اگر احساس می کنید در css به اندازه کافی خوب هستید، باید بلافاصله شروع به یادگیری Sass کنید. Sass یک افزونه css است که می تواند در زمان شما صرفه جویی کند و می تواند در سازماندهی css شما بسیار مفید باشد.

SASS یک زبان برنامه نویسی پیش پردازنده است که به CSS کامپایل یا تفسیر می شود. SCSS سینتکس اصلی برای SASS است که بر روی سینتکس موجود CSS ساخته می شود.

مقالات آموزش برنامه نویسی مدرس

Response Caching در ASP.NET Core Response Caching در ASP.NET Core

Response Caching در ASP.NET Core

Response Caching یک مکانیزم ذخیره سازی پاسخ سرور توسط مرورگر یا سایر کلاینت ها است. با استفاده از Response Caching در Asp.net Core می توانیم عملکرد و کارایی سیستم را بالا ببریم.

305 0 1402/10/22
Output Caching در ASP.NET Core 8.0 Output Caching در ASP.NET Core 8.0

Output Caching در ASP.NET Core 8.0

Output Caching یک ویژگی جدید است که از زمان .NET 7 معرفی شده است. این ویژگی به ما این امکان را می دهد که به راحتی یک کش پاسخ برای Web API خود بدون پیاده سازی IMemoryCache راه اندازی کنیم.

354 0 1402/10/14
الگوی طراحی زنجیره مسئولیت در سی شارپ الگوی طراحی Chain of Responsibility در سی شارپ

الگوی طراحی زنجیره مسئولیت در سی شارپ

الگوی زنجیره مسئولیت یا Chain of Responsibility Design Pattern یک الگوی طراحی رفتاری(behavioral design pattern) است که اجازه می‌دهد یک درخواست در امتداد زنجیره‌ای از کنترل‌کننده‌های بالقوه ارسال شود تا زمانی که درخواست مناسب برای پردازش آن را پیدا کند.

338 2 1402/10/01
ViewComponent در ASP.NET Core ViewComponent در ASP.NET Core

ViewComponent در ASP.NET Core

در ASP.NET Core با استفاده از ViewComponent ها می توان اجزای ماژولار، قابل استفاده مجدد، قابل نگهداری و مقیاس پذیر برای ساخت برنامه های کاربردی وب ایجاد کرد. در این مقاله به نحوه ایجاد و فراخوانی ViewComponent در Asp.net core پرداخته ایم.

797 2 1402/05/15
تطبیق الگو در NET 7: ساده سازی تجزیه و تحلیل داده ها Pattern Matching در سی شارپ

تطبیق الگو در NET 7: ساده سازی تجزیه و تحلیل داده ها

تطبیق الگو یا Pattern Matching در net7 یک تکنیک قدرتمند برای تجزیه و تحلیل و دستکاری داده ها بر اساس ساختار آن ها است. تطبیق الگو یا Pattern Matching به توسعه دهندگان اجازه می دهد تا مقادیر را با یک الگوی خاص مطابقت دهند و اقدامات مربوطه را انجام دهند.

480 1 1402/04/05
تزریق وابستگی در ASP.NET Core تزریق وابستگی در ASP.NET Core

تزریق وابستگی در ASP.NET Core

تزریق وابستگی (DI) یک الگوی طراحی نرم افزاری است که امکان ایجاد برنامه های کاربردی و ماژولار را فراهم می کند.. در .NET Core تزریق وابستگی یا Dependency injection یک ویژگی مهم است که می تواند برای ساده سازی توسعه برنامه، بهبود تست پذیری و کاهش پیچیدگی کد مورد استفاده قرار گیرد.

1٬161 1 1402/02/04
ضروری ترین کتابخانه های NuGet برای ASP.NET Core ضروری ترین کتابخانه های NuGet برای ASP.NET Core

ضروری ترین کتابخانه های NuGet برای ASP.NET Core

در این مقاله مهمترین،ضروری ترین و پرکاربردترین کتابخانه های NuGet که هر توسعه‌ دهنده‌ ASP.NET Core باید برای توسعه بهتر و کاهش زمان مورد نیاز برای برنامه ‌های خود از آن استفاده کنند را مورد بررسی قرار داده ایم.

1٬113 1 1401/12/29
الگوی طراحی Factory در سی شارپ الگوی طراحی Factory در سی شارپ

الگوی طراحی Factory در سی شارپ

الگوهای طراحی یکی از مهمترین جنبه های طراحی و معماری نرم افزار است. Factory Method یک الگوی طراحی ایجادی است که یک رابط برای ایجاد اشیاء در یک سوپر کلاس فراهم می‌کند. ما در این مقاله الگوی Factory Method Design در سی شارپ را بررسی می کنیم.

1٬139 1 1401/10/28
مقایسه List و Array در سی شارپ مقایسه List و Array در سی شارپ

مقایسه List و Array در سی شارپ

آرایه و لیست در سی شارپ هر دو به عنوان مجموعه ای از مقادیر عمل می کنند، اما در نحوه ذخیره محتوای خود در حافظه و نحوه دسترسی به آنها متفاوت هستند. در این مقاله Benchmark و کارایی List<T> با سایز داینامیک، List<T> با سایز ثابت و Array ها را بررسی می کنیم.

1٬657 2 1401/09/01
LinkedList در سی شارپ LinkedList یا لیست پیوندی در سی شارپ

LinkedList در سی شارپ

LinkedList یا لیست پیوندی در سی شارپ یک ساختار داده خطی است که عنصر را در مکان غیر پیوسته ذخیره می کند. LinkedList شامل گره هایی است که هر گره حاوی یک فیلد داده و یک مرجع (پیوند) به گره بعدی در لیست است. در سی شارپ، LinkedList یا لیست پیوندی یک نوع مجموعه جنریک است.

1٬594 0 1401/08/13
Garbage Collection در دات نت Garbage Collection در دات نت

Garbage Collection در دات نت

به طور کلی، Garbage Collection (GC) یا جمع آوری زباله در .Net چیزی نیست جز به دست آوردن مجدد حافظه اختصاص داده شده به اشیایی که در حال حاضر در هیچ بخشی از برنامه ما استفاده نمی شوند. ما در این مقاله Garbage Collection را در سی شارپ بررسی خواهیم کرد.

2٬300 3 1401/03/30
.NET Core چیست؟ .NET Core چیست؟

.NET Core چیست؟

.Net (با تلفظ «دات نت») یک چارچوب نرم افزاری کامپیوتری مدیریت شده رایگان و منبع باز برای سیستم عامل های ویندوز، لینوکس و macOS است. این پروژه در درجه اول توسط کارمندان مایکروسافت از طریق دات نت توسعه یافته و تحت مجوز MIT منتشر شده است.

2٬083 2 1401/03/16
پشته(Stack) در سی شارپ پشته(Stack) در سی شارپ

پشته(Stack) در سی شارپ

پشته یا Stack در سی شارپ یک نوع خطی از ساختار داده است که قادر به ذخیره اشیاء است. پشته یک ساختار داده LIFO یا Last-In-First-Out است، به این معنی که آخرین موردی که در پشته قرار می گیرد اولین موردی است که از پشته خارج می شود.

1٬776 0 1401/03/09
صف (Queue) در سی شارپ صف (Queue) در سی شارپ

صف (Queue) در سی شارپ

صف (Queue) در سی شارپ یک نوع خطی از ساختار داده است که قادر به ذخیره اشیاء است. Queue یک ساختار داده first-in-first-out یا FIFO است که به این معنی است که اولین مورد اضافه شده به صف اولین موردی است که حذف می شود.

1٬781 0 1401/02/30
تفاوت Hashtable و Dictionary در سی شارپ تفاوت Hashtable و Dictionary در سی شارپ

تفاوت Hashtable و Dictionary در سی شارپ

در سی شارپ از Hashtable و Dictionary می توان برای ذخیره مجموعه‌ای از داده‌ها، شبیه به List معمولی استفاده کرد. با این تفاوت که Hashtable و Dictionary عناصر را به عنوان جفت Key/Value ذخیره می کنند.در این مقاله به تفاوت های Hashtable و Dictionary پرداخته شده است.

1٬511 1 1401/02/23
Dictionary در سی شارپ Dictionary در سی شارپ

Dictionary در سی شارپ

در سی شارپ از دیکشنری ها (Dictionary) می‌توان برای ذخیره مجموعه‌ای از داده‌ها، شبیه به List معمولی استفاده کرد. تفاوت اصلی این است که یک Dictionary می تواند عناصر را به عنوان جفت Key/Value ذخیره کند.Key ها باید منحصر به فرد و نمی توانند null باشند. Value ها می توانند تکراری یا null باشند.

1٬835 3 1401/02/17
Hashtable در سی شارپ Hashtable در سی شارپ

Hashtable در سی شارپ

از Hashtable می‌توان برای ذخیره مجموعه‌ای از داده‌ها، شبیه به List معمولی استفاده کرد. تفاوت اصلی این است که یک Hashtable می تواند عناصر را به عنوان جفت Key/Value به عنوان جایگزینی برای استفاده از Index ذخیره کند.

1٬475 5 1401/02/14
Redirect درخواست (ریدایرکت) در asp.net core روش های ریدایرکت درخواست در asp.net core

Redirect درخواست (ریدایرکت) در asp.net core

در برنامه های ASP.NET Core برای تغییر مسیر(ریدایرکت) و Redirect به یک URL خاص روش های مختلفی وجود دارد. در این مقاله با این تکنیک ها و کدهای مورد نیاز برای تغییر مسیر یک درخواست در ASP.NET Core آشنا می شویم.

2٬087 5 1401/02/12
تبدیل enum به لیست انتخابی در asp.net core تبدیل enum به لیست انتخابی در asp core

تبدیل enum به لیست انتخابی در asp.net core

در این آموزش ما بوسیله Reflection ها در سی شارپ و asp.net core یک enum را به لیست انتخابی یا SelectListItem تبدیل خواهیم کرد و بوسیله تگ select در بوت استرپ 5 نمایش می دهیم.

1٬500 3 1401/02/03
نحوه ارسال ایمیل در asp و c# نحوه ارسال ایمیل در asp core

نحوه ارسال ایمیل در asp و c#

امروزه ارسال ایمیل به امری ضروری در پروژه های وب تبدیل شده است.از ارسال ایمیل در asp می توان در بخش های تایید حساب کاربری،بازیابی رمز عبور،ایمیل مارکتینگ،ارسال خبرنامه و ... استفاده نمود.در این آموزش نحوه ارسال ایمیل در asp core و سی شارپ پیاده سازی گردیده است.

2٬118 5 1401/02/03
نظرات

برای ثبت نظر باید در سایت ثبت نام یا ورود نمایید