دوره Less & Sass

Less به یک سری از قابلیت ها و ویژگی های CSS می پردازد که شامل مواردی چون Properties، Preprocessors، positioning و آشنایی با تکنیک های جدید styling است. نکات و تکنیک های Less به برنامه نویسان کمک می کنند تا وب سایت های زیباتر با حجم کمتر کد طراحی و اجرا نمایند و کنترل بیشتری بر روی استایل، layouts و تجربه کاربری داشته باشند.
Sass نیز یک زبان مدرن توسعه وب است که به شما کمک می کند تا CSS را بهتر، سریعتر و با ویژگی های بیشتری تولید نمایید. این دوره به شما مباحث مربوط به SASS را آموزش می دهد و به شما می آموزد که چگونه از SassScript به منظور تولیدfunction  های پیچیده از Sass list و Control Statement استفاده نمایید. 

محتوا: آموزش کاربردی SASS و LESS

مدت دوره : ۲۴ ساعت

پیش نیاز:  دوره Web Master

زمان برگزاری: لطفا به تقویم آموزشی مراجعه فرمایید.

سرفصل دوره: 

Overview
What is Less & how to use ?
What is Sass & how to use ?
What is Bootstrap v4 & how to use ?
Why use a CSS Pre-Processor?
How to Choose Less or Sass?

Less: CSS Easy Way
Start Knowing Less
Less features set
Nested Attributes & Multiple classes
Define Variables
Less Mixin
parameters in less
Less Default Values
Less Imports
Less knowledge Area
Less Compiling Rules
Easy compiling
Medium way compiling
Hard way Compiling
Less Basics
File Structure & Importing
Nesting
Operations
Comments
Managing Variables
Working with Variables
Variable Scope
Less Extra & Misc.
Built in Less Functions.
Less Escaping.
Less Responsive & Media Queries
Less Mixins
What is a Mixin?
Do more on Mixin
Name spacing Mixins
Mixins with Parameters
Mixin Extends
Mixin Loops
Less Projects
Creating Base Styles
Creating Content Styles
Creating Form Styles
Build Bootstrap Style Button Mixins

Sass : CSS Extend
Start Knowing Sass & Setting up
Understanding Sass
Constructing Sass Rules
Installing Sass on (Linux / windows)
Using Sass
Sass & Galp
Sass Basics
SASS vs SCSS
Variables
Nesting
Import
Mixins
Extend/Inheritance
Operators
Building With Sass Standard
Starting Html Page
Starting Style with Sass
Define Action Button Styling
Content Styling
Article Inner Styling
Sass Pro Techniques
Work with Mixins
Define Array & Maps
Sass Utility
Sass Positioning Classes

Bootstrap Version 4
Getting know to Bootstrap V4
What is Bootstrap?
how to use?
Installing Bootstrap on Project
Overview on Layout & Content
Bootstrap V4 vs. V3
Bootstrap Components Basics
Alerts
Badge
Buttons
Card
Collapse
Dropdown
Forms
Input
List Group
Media Object
Modal
Navigations
Progress
Spinners
Tooltips
Bootstrap Utilities
Borders
Clearfix
Close Icon
Colors
Display
Embed
Flex
Float
Image Replacement
Overflow
Position
Shadows
Sizing
Spacing
Text Management
Bootstrap Project
Build a Web Site with Html , Less Or sass & Bootstrap V4