دسترسی سریع:

مسیر:

صفحه اصلی

🔔 با توجه به بهبود نسبی اینترنت، آماده‌سازی دوره‌ها آغاز شده است. به دلیل تداوم برخی اختلالات، بارگذاری دوره‌ها ممکن است با کمی تأخیر انجام شود. مدت اشتراک‌های تهیه‌شده محفوظ است.

لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در کانال تلگرام عضو شوید.

آموزش سرعت بخشیدن به گردش کار 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