آموزش صفر تا قهرمان در SASS و SCSS با ادغام در برنامه React JS
Zero to Hero in SASS & SCSS with integration in React JS App
همه چیز را در مورد SASS SCSS با مثال‌های عملی بیاموزید، همچنین نحوه کار با SASS یا SCSS در React JS Application را بیاموزید.
این دوره تمام مبانی SASS یا SCSS را پوشش می دهد و هم بخش تئوری و هم بخش Hanson را پوشش می دهد. ابتدا با یادگیری بخش چیستی و چرایی استفاده از SASS یا SCSS شروع می کنیم، سپس هر ویژگی را با رویکرد handson عملی پیاده سازی می کنیم.
سپس برنامه React JS را ایجاد می‌کنیم و قابلیت SASS یا SCSS را اضافه می‌کنیم و با استفاده از SASS/SCSS شروع به استایل‌سازی اجزای React می‌کنیم.
موضوعات زیر پوشش داده شده است:
1-چرا به SASS یا SCSS نیاز داریم
2-ویژگی های SASS یا SCSS
3-تنظیم محیط توسعه محلی
کامپایلر 4-SASS و فایل های خروجی کامپایل شده
5-اعمال یک استایل در صفحه
6-نحوه استفاده از عملگرها در SASS یا SCSS
7-نحوه اعلان و استفاده از متغیرها در CSS و SCSS یا SASS
8-تودرتوی سبک با SASS یا SCSS - قسمت 1
9-تودرتوی سبک با SASS یا SCSS - قسمت 2
10-Mixin در SCSS یا SASS - Part-1
11-Mixin در SCSS یا SASS - قسمت 2
Mixin با پارامتر 12 در SASS یا SCSS
13-نظر تک خطی در SASS یا SCSS
14-جزئی و وارد کردن در SASS یا SCSS
استفاده از SASS/SCSS برای پروژه React JS:
1-تنظیم React و نصب node-sass
2-استفاده از ویژگی‌های SASS یا SCSS در React Application
پس از اتمام این دوره، شما بر تمام مفاهیم SASS/SCSS مسلط خواهید شد و یاد خواهید گرفت که آنها را در هر پروژه ای به کار ببرید. همچنین اکنون می‌توانید با استفاده از SASS/SCSS روی پروژه‌های ReactJS کار کنید.
معرفی و راه اندازی Introduction and Setup
-
چیست و چرا به SASS یا SCSS نیاز داریم What is and Why do we need SASS or SCSS
-
ویژگی های SASS یا SCSS Features of SASS or SCSS
-
نصب ویرایشگر کد ویژوال استودیو Installing Visual Studio Code Editor
-
نصب Node JS Installing Node JS
-
راه اندازی محیط توسعه محلی Local development environment setup
کامپایلر SASS/SCSS، اپراتورها، متغیرها SASS/SCSS Compiler, Operators, Variables
-
کامپایلر SASS و فایل های خروجی کامپایل شده SASS Compiler and Compiled Output files
-
اعمال یک استایل در صفحه Applying Styling to Page
-
نحوه استفاده از عملگرها در SASS یا SCSS How to use Operators in SASS or SCSS
-
نحوه اعلام و استفاده از متغیرها در CSS و SCSS یا SASS How to Declare and use Variables in CSS and SCSS or SASS
تودرتوی سبک ها، Mixin و Mixin پارامتری شده در SASS/SCSS Nesting of Styles, Mixin and Parameterized Mixin in SASS/SCSS
-
تودرتوی سبک با SASS یا SCSS - قسمت 1 Nesting of Style with SASS or SCSS - Part-1
-
تودرتوی سبک با SASS یا SCSS - قسمت 2 Nesting of Style with SASS or SCSS - Part-2
-
Mixin در SCSS یا SASS - Part-1 Mixin in SCSS or SASS - Part-1
-
Mixin در SCSS یا SASS - Part-2 Mixin in SCSS or SASS - Part-2
-
Mixin پارامتر شده در SASS یا SCSS Parameterized Mixin in SASS or SCSS
جزئی، واردات و نظر در SASS/SCSS Partials, Import and Comment in SASS/SCSS
-
نظر تک خطی در SASS یا SCSS Single line Comment in SASS or SCSS
-
جزئی و واردات در SASS یا SCSS Partials and Import in SASS or SCSS
برنامه ReactJS با SASS/SCSS ReactJS App with SASS/SCSS
-
راه اندازی React و نصب node-sass Setting up React and Installing node-sass
-
استفاده از ویژگی های SASS یا SCSS در React Application Using SASS or SCSS features in React Application
https://donyad.com/d/d84234
Ranjan Pandey
نرم افزار حرفه ای با 11+ سال تجربه در ITI یک نرم افزار Fullstack DevOps با 11+ سال تجربه در انواع فناوری ها از جمله توسعه وب و برنامه های تلفن همراه با استفاده از HTML5 ، CSS3 ، JavaScript ، JQuery ، Bootstrap ، Angular ، React ، Java ، Spring ، Springboot ، Python ، Flask ، Django ، NodeJS ، Express ، Android ، Ionic ، React Native ، Flutter به هوش مصنوعی و فناوری های ابری مانند سرویس های وب آمازون و Microsoft Azure. من همچنین دارای گواهینامه جاوا ، Azure cloud ، محصول Backbase هستم. من تجربه کار با چندین مشتری MNC و اروپایی را دارم. من همچنین یک مربی شرکتی هستم که طیف گسترده ای از آموزش را ارائه می دهد.
نمایش نظرات