Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

The Complete Sass & SCSS Course: From Beginner to Advanced

Khóa Học Toàn Diện Sass & SCSS: Từ Cơ Bản Đến Nâng Cao

Khóa Học Toàn Diện Sass & SCSS: Từ Cơ Bản Đến Nâng Cao

Tạm biệt CSS lộn xộn! Thiết kế giao diện sạch sẽ, nhanh chóng và dễ dàng với Sass & SCSS.

4.6
(5,076 đánh giá)
29,738 học viên
Giảng viên
Joe Parys
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 349.000đ -86%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
4.0 giờ video
41 bài giảng
14 bài quiz
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 18/03/2026

Bạn sẽ học được gì

Viết code Sass chuyên nghiệp và tạo ra CSS từ đó.
Hoàn thiện thiết kế nhanh hơn, ít gặp khó khăn hơn.
Sử dụng biến số để thiết kế linh hoạt và tránh code trùng lặp.
Dùng mixin để tái sử dụng giải pháp có sẵn, không phải "phát minh lại bánh xe".
Sử dụng hàm và toán tử để tính toán kích thước, màu sắc linh hoạt và hơn thế nữa.
Nhập font chữ và file Sass có sẵn vào thiết kế mới để tái sử dụng.
Thành thạo Sublime Text 3 để viết code Sass nhanh chóng.

Yêu cầu

Chúng tôi sẽ hướng dẫn đầy đủ các bước cài đặt cần thiết.
Bạn KHÔNG cần kiến thức trước về Sass hay Bootstrap.
Bạn nên biết HTML & CSS cơ bản.
Bạn cần kỹ năng máy tính cơ bản để cài đặt và chạy ứng dụng.

Đối tượng phù hợp

Bạn muốn tăng năng suất viết CSS lên gấp bội.
Bạn muốn bắt kịp xu hướng thiết kế web hiện đại.
Bạn muốn viết CSS có khả năng mở rộng.
Bạn muốn tránh làm rối code với các bộ chọn lặp đi lặp lại.
Bạn muốn thiết kế linh hoạt hơn và dễ dàng tạo ra nhiều biến thể đẹp mắt.
Bạn không muốn bắt đầu từ con số 0 trong mỗi dự án, mà muốn có cách linh hoạt để tái sử dụng thiết kế có sẵn, hoàn thành dự án nhanh chóng.
Bạn muốn nâng cao kiến thức Bootstrap và kết hợp với Sass để hoàn thiện thiết kế đẹp mắt hiệu quả hơn.

Nội dung khóa học

15 phần • 41 bài giảng
1 Giới Thiệu: Chào Mừng Đến Với Khóa Học Toàn Diện SASS & SCSS!
2 Tiếp Theo Phần Giới Thiệu: Đây Là Những Gì Bạn Sẽ Học Trong Khóa Học SASS & SCSS Của Chúng Tôi!
3 Cách Học và Sử Dụng Khóa Học Này
1 Preprocessor Là Gì?
2 Sass hay SCSS?
1 Cài Đặt Sublime Text 3
2 Cài Đặt Sass / SCSS
3 Kiểm Tra Nhanh
4 Thiết Lập Cấu Trúc Dự Án
1 Biến Số Trong Sass
2 Sử Dụng Biến Số Đúng Cách
1 Partials
1 Mixin Trong Sass
2 Mixin Với Đối Số
3 Truyền Nội Dung Vào Mixin
1 Import Trong Sass
2 Bài Tập Thực Hành: Tạo Mixin Để Nhập Font Chữ
1 Media Queries Lồng Nhau Trong Sass
2 Bài Tập Thực Hành: Mixin & Media Queries
1 Số Học Cơ Bản & Sass Shell
2 Tính Toán Màu Sắc
1 Hàm Là Gì?
2 Hàm Có Sẵn
3 Tạo Hàm Của Riêng Bạn
1 Kế Thừa Với @extend
2 Tìm Hiểu Thêm Về @extend (+ Sass placeholders)
3 Bạn Cần Gì? @extend vs. @mixin
1 Sử Dụng Chỉ Thị @if và @else
2 Bài Tập Thực Hành: Dùng @if Để Chuyển Đổi Giao Diện
3 Bài Tập Thực Hành: Tạo Mixin Hữu Ích Với @if
1 Vòng Lặp @for
2 Vòng Lặp @each
3 Vòng Lặp @while
1 Tổng Quan Về Susy, Breakpoint & Compass
2 Cài Đặt Bộ Công Cụ & Framework
3 Bắt Đầu Với Susy: Tạo Hệ Thống Lưới Của Riêng Bạn
4 Tìm Hiểu Thêm Về Susy: Border-Box-Sizing
5 Thiết Kế Mobile-First & Media Queries Với Breakpoint
6 Compass: Trợ Thủ Đắc Lực Cho Mọi Vấn Đề Khác
1 Tổng Kết & Kết Thúc Khóa Học - Tóm Tắt Ngắn Gọn Những Gì Chúng Ta Đã Học
2 Bài Học Đặc Biệt Dành Riêng Cho Học Viên Tham Gia Khóa Học Này!

Giới thiệu khóa học

Welcome To The Complete Sass & SCSS Course: From Beginner To Advanced!

⇉ Watch the promo video to see How You Can Begin Learning How To use Sass / SCSS to create more flexible designs in a shorter amount of time!

⇉ This Course is Complete! You receive over 4+ hours of video content & 30+ lectures!


⇉ Join Over 950,000+ Students Who Have Enrolled In My Udemy Courses This Year!

⇉ 7,500+ Five Star Reviews on our courses prove Students Who Enrolling Are Getting Real Results!

Then this course is for you! Click "Take This Course Now" For Instant Life-Time Access!

__________________________________________________________________________

Updated 2016: Added 1h of brand new content on Sass Frameworks as requested by students:

  1. the Susy toolkit to create custom grid systems,

  2. the Breakpoint framework to create responsive mobile-first designs more easily,

  3. the Compass framework which facilitates many typical design tasks.


Power up your website design skills with Sass & SCSS -- the powerful CSS preprocessor!

This course is the complete masterclass for Sass & SCSS development. It covers all you need to know about this awesome technology including:

  • How to use Sass / SCSS to create more flexible designs in less time and generate CSS code from them

  • How to use variables to store colors, sizes, fonts and more to avoid repetition and make your designs more flexible and reusable

  • How to perform calculations right inside your Sass & SCSS code to create responsive and flexible layouts

  • How to use mixins and imports to reuse your existing designs and finish new projects in no time

  • How to use inheritance in Sass to avoid duplicating code and the nasty bugs that come with it

  • How you can use Sass to write scaleable CSS code even for big projects


You will also learn how to use Sublime Text 3, one of the most popular lightweight text editors out there, confidently and write your code with lightning speed.

During the course, you will create useful code snippets in Sass that you can use in future projects to double your development speed -- and you will have all the tools you need to create more such snippets to enhance your productivity even further and make clients happy!

You can test what you learned in several quizzes and by coding along while we create a library of powerful code snippets.

__________________________________________________________________________

With the right mindset, understanding, and application of the teachings in this course, you will instantly begin to move towards Mastering Sass & SCSS!

When we learn something new, I add it to the course - at no additional cost to you! This is a course that will continue to add more and more to every aspect of your life.

In addition to the Udemy 30-day money back guarantee, you have my personal guarantee that you will love what you learn in this course. If you ever have any questions please feel free to message us directly and we will do our best to get back to you as soon as possible!

__________________________________________________________________________

What I can't do in this Course..

I can't guarantee your success – this course does take work on your part. But You Can Do It!

I am also not responsible for your actions. You are responsible for 100% of the decisions and actions you make while using this course.

__________________________________________________________________________

This course will not remain this price forever! It's time to take action!

Click the "take this course" button at the top right now!

...every hour you delay is costing you money...

See you in the course!

Sincerely,

Joe Parys & Peter Sommerhoff

Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Css Preprocessors
Hiển thị tất cả khoá học Sass
Hiển thị tất cả khoá học Web Development
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊