گردش کار CSS پاسخگو با Sass، Bourbon و Susy

مدرس Carrie Dils

انتشار 2017/04/25

مدت زمان 2h 59m

سطح متوسط

فایل تمرینی دارد

آموزش Responsive CSS Workflow with Sass, Bourbon, and Susy

Sass یک زبان برنامه افزودنی شیوه نامه است که می تواند به شما کمک کند تا با استفاده از ویژگی هایی که در CSS در دسترس نیستند، مانند تودرتو، متغیرها و وراثت، شیت های سبک را مدیریت کنید. در این دوره آموزشی یاد بگیرید که چگونه با استفاده از CSS و Sass یک صفحه وب ریسپانسیو از ابتدا بسازید. مربی کری دیلز با توضیح نحوه کار Sass شروع می کند و سپس نحوه تجزیه و تحلیل گزینه های گردش کار و کار با مدیران بسته را نشان می دهد. او همچنین نحوه استفاده از Grunt - یک اجراکننده وظیفه جاوا اسکریپت - برای تنظیم یک گردش کار توسعه، و همچنین نحوه استایل دادن به سبک های پیش فرض HTML و ایجاد یک طرح بندی برای تلفن همراه را توضیح می دهد. به علاوه، Caroline نحوه ساخت یک صفحه وب نمونه را با استفاده از ویژگی‌های Sass، Bourbon و Susy نشان می‌دهد.

Cascading Style Sheets (CSS) Compass Front-end Development SASS Web Standards

Introduction

Welcome ()

What you should know ()

Using the exercise files ()

1. Getting Started

What is Sass? ()

How Sass works ()

What is Bourbon? ()

Analyzing workflow options ()

Setting up a folder structure ()

Adding version control ()

2. Working with Package Managers

Using node.js npm with package.json ()

Configuring package.json ()

Using Bower with bower.json ()

Configuring bower.json ()

3. Setting Up a Workflow with Grunt.js

Configuring gruntfile.js ()

Creating your first task ()

Watching for automated tasks ()

Minimizing JavaScript with Uglify ()

4. Scaffolding Your HTML

What you'll be building ()

Preparing the assets ()

Scaffolding the header and footer ()

Adding a hero section ()

Inserting the main content ()

Adding testimonials ()

5. Sass Principles

Modularizing your Sass with partials ()

Creating a color palette with variables ()

Using nested styles for a menu ()

6. Styling with Sass and Bourbon

Using Font Awesome ()

Using custom fonts ()

Styling default HTML styles ()

Controlling mixin parameters ()

7. Responsive Layout Grids with Susy

Creating a mobile-first layout ()

Setting up Susy's defaults ()

Starting your layout structure ()

Using media query breakpoints ()

Adjusting the navigation ()

Improving the testimonial section ()

Wrapping up the project ()

Conclusion

Next steps ()

Ex_Files_Responsive_CSS_Workflow_Sass_Bourbon_Susy.zip (23.1 MB)

دانلود فایل فشرده

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

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.