Digital_Tutors_Speeding_up_your_CSS_workflow_with_Sass_and_Compass

در این آموزش تصویری با افزایش سرعت کدهایCSS با Sass و Compass آشنا می شوید.
این دوره آموزشی محصول موسسه Digital Tutors است.

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

  • کار با CSS
  • نحوه یکپارچه سازی برنامه
  • کار با دستورات CSS
  • نحوه استفاده از Compass و Sass
  • کار با متغیرهای Sass
  • کار با توابع تو در تو
  • کار با Sass
  • طراحی سرصفحه
  • نحوه تکمیل سایت
  • کار با HTML و CSS
  • نکات مربوط به SASS
  • نحوه یکپارچه سازی برنامه
  • کار با JavaScript
  • و…

عنوان دوره: Digital Tutors Speeding up your CSS workflow with Sass and Compass
مدت زمان: 2 ساعت و 4 دقیقه
نویسنده: Gary Simon


توضیحات:

Digital Tutors Speeding up your CSS workflow with Sass and Compass

Gary Simon
2h 4m

In this CSS tutorial, we'll learn how to use Sass and Compass to speed up our coding workflows. Both Sass and Compass are powerful tools that allow you to use variables, mixins, nesting and more with your CSS.
By the end of this CSS training, you'll have learned a variety of tips and tricks to help you be a better front end developer.

1 Introduction and project overview Watch it now
01:08
2 Finishing the CSS and integrating Masonry JavaScript grid Free with Demo '
06:44
3 Adding responsive CSS and finishing the project
04:36
4 Using Compass and Sass with Foundation
06:37
5 Understanding Sass variables
08:03
6 Discovering Sass nesting
04:55
7 Understanding Sass mixins
08:19
8 Creating Sass partials and importing
04:51
9 Designing the header and hero section
07:41
10 Designing the headline, sub-headline and gallery
10:43
11 Finishing the site mockup
08:46
12 Creating our Foundation project and exporting assets
05:36
13 Starting the HTML
08:32
14 Finishing the HTML and starting the CSS and Sass
08:40
15 Continuing the CSS
10:41
16 Finishing the CSS and integrating Masonry JavaScript grid
09:48
17 Adding responsive CSS and finishing the project
09:06