آموزش سرعت بخشیدن به گردش کار CSS خود با Sass و Compass

Speeding up Your CSS Workflow with Sass and Compass

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.

نمونه ویدیوها: (صرفا برای مشاهده نمونه ویدیو، ممکن هست نیاز به شکن داشته باشید.)

توضیحات دوره: در این آموزش CSS، ما یاد خواهیم گرفت که چگونه از Sass و Compass برای سرعت بخشیدن به گردش کار کدنویسی خود استفاده کنیم. نرم افزار مورد نیاز: Adobe Photoshop CC 2015, Sublime Text 2. در این آموزش CSS، نحوه استفاده از Sass و Compass برای سرعت بخشیدن به گردش کار کدنویسی را یاد خواهیم گرفت. هر دو Sass و Compass ابزارهای قدرتمندی هستند که به شما امکان می دهند از متغیرها، میکسین ها، تودرتو و موارد دیگر با CSS خود استفاده کنید. در پایان این آموزش CSS، نکات و ترفندهای مختلفی را یاد خواهید گرفت که به شما کمک می کند توسعه دهنده جلویی بهتری باشید. نرم افزار مورد نیاز: Adobe Photoshop CC 2015، Sublime Text 2.

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

معرفی و بررسی اجمالی پروژه Introduction and Project Overview

معرفی و بررسی اجمالی پروژه Introduction and Project Overview

سرعت بخشیدن به گردش کار CSS خود با Sass و Compass Speeding up Your CSS Workflow with Sass and Compass

تکمیل CSS و یکپارچه سازی شبکه جاوا اسکریپت Masonry Finishing the CSS and Integrating Masonry JavaScript Grid
افزودن CSS پاسخگو و اتمام پروژه Adding Responsive CSS and Finishing the Project
استفاده از Compass و Sass with Foundation Using Compass and Sass with Foundation
درک متغیرهای Sass Understanding Sass Variables
کشف Sass Nesting Discovering Sass Nesting
درک Sass Mixins Understanding Sass Mixins
ایجاد Sass Partials و واردات Creating Sass Partials and Importing
طراحی بخش هدر و قهرمان Designing the Header and Hero Section
طراحی سرفصل، عنوان فرعی و گالری Designing the Headline, Sub-headline, and Gallery
در حال اتمام موکاپ سایت Finishing the Site Mockup
ایجاد پروژه بنیاد ما و صادرات دارایی Creating Our Foundation Project and Exporting Assets
شروع HTML Starting the HTML
اتمام HTML و شروع CSS و Sass Finishing the HTML and Starting the CSS and Sass
ادامه CSS Continuing the CSS
تکمیل CSS و یکپارچه سازی Grid JavaScript Masonry - Pt. 2 Finishing the CSS and Integrating Masonry JavaScript Grid - Pt. 2
افزودن CSS پاسخگو و اتمام پروژه - Pt. 2 Adding Responsive CSS and Finishing the Project - Pt. 2