21 - Học SASS và cắt web từ file thiết kế photoshop theo "kiểu" SASS

Trường/ Trung tâm:Fedu

Giới thiệu

GIỚI THIỆU KHÓA HỌC SASS là một trong những cách viết CSS nổi tiếng cũng giống như Less. Tuy nhiên muốn đọc được file của nó thì phải qua bộ lọc, còn file nó vẫn tạo ra như bình thường. CSS Preprocessor là ngôn ngữ kịch bản mở rộng của CSS. Chúng lấycác đoạn mã được viết sử lý [...]

Xem thêm

GIỚI THIỆU KHÓA HỌC

SASS là một trong những cách viết CSS nổi tiếng cũng giống như Less. Tuy nhiên muốn đọc được file của nó thì phải qua bộ lọc, còn file nó vẫn tạo ra như bình thường.

CSS Preprocessor là ngôn ngữ kịch bản mở rộng của CSS. Chúng lấycác đoạn mã được viết sử lý trước sau đó sẽ biên dịch ra các đoạn mã CSS thông thường. Hiện tại có thể có rất nhiều CSS Preprocessor nhưng có phỗ biến nhất trong số đó là SASS, LESS và Stylus.

Bạn đang muốn nắm rõ bản chất của SASS. Bạn đang muốn tìm hiểu toàn bộ SASS nhưng không có thời gian. Khoá học “Học SASS và cắt web từ file thiết kế photoshop theo ‘kiểu’ SASS” sẽ hoàn toàn phù hợp với bạn, giúp bạn tiết kiệm thời gian nhất có thể.

NỘI DUNG KHÓA HỌC

Phần 1 - Giới thiệu và cài đặt
001 - Giới thiệu khóa học SASS
002 - Cài đặt các phần mềm và chạy thử một file SASS
Phần 2 - So sánh 2 định dạng phổ biến SASS và SCSS
003 - So sánh 2 định dạng SASS và scss
004 - Định dạng file SCSS
Phần 3 - 5 tính năng chính của SASS
005 - Sử dụng biến trong SASS
006 - Tính năng xếp chồng trong SASS
007 - Tính năng sử dụng lại code trong SASS
008 - Tính năng viết pseudo class nhanh của SASS
009 - Tính năng tính toán trong SASS
Phần 4 - Bắt đầu project thực tế
010 - Giới thiệu và cài đặt cơ bản cho project SASS
010 - Giới thiệu và cài đặt cơ bản cho project SASS
Phần 5 - HTML và SASS cho phần top của website
011 - Tạo khung HTML cho phần top
012 - Cài đặt các biến cơ bản trong Sass
013 - SASS cho phần cột trái
014 - SASS cho phần bên phải
015 - Hoàn thiện SASS cho phần top
Phần 6 - Xử lý jquery và viết SASS cho phần menu
016 - Viết jquery cho phần lựa chọn ngôn ngữ
017 - Phần menu và logo - Xử lý HTML cơ bản
018 - Xử lý chiều cao và viết mixin
019 - Menu và logo cho giao diện desktop
020 - Xử lý giao diện responsive cho menu
Phần 7 - Viết SASS cho giao diện responsive
021 - HTML Cho phần tiêu để và breadcrumbs
022 - Cách sử dụng font-awesome không cần thêm thẻ html
023 - SASS cho giao diện desktop
024 - SASS cho giao diện mobile
Phần 8 - Xử lý slide và hiệu ứng chuyển động
025 - Sử dụng pseudo after và đổ màu gradient trực tiếp trong chrome
026 - HTML cho phần slide ảnh
027 - SASS cho phần slide
028 - Viết hiệu ứng load cho web
Phần 9 - Tổng kết khóa
029 - Tổng kết khóa học

LỢI ÍCH CỦA KHÓA HỌC

- Chuyển từ file thiết kế Photoshop sang web sử dụng ngôn ngữ SASS
- Đọc hiểu mã SASS và đưa lập trình vào CSS bằng cách sử dụng SASS
- Nắm được phương pháp và các bước xử lý một file thiết kế thế nào với SASS
- Quản lý các thông số trong một dự án web lớn hiệu quả