[tintuc]
Lợi ích từ khóa học
Sau khi học xong các bạn có thể chuyển từ file thiết kế Photoshop sang web sử dụng ngôn ngữ SASS
Sau khi học xong các bạn có thể đọc hiểu mã SASS và đưa lập trình vào CSS bằng cách sử dụng SASS
Sau khi học xong các bạn có thể 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
Đối tượng mục tiêu
Sinh viên, những bạn học lập trình frontend đã biết sơ lược về html/css muốn tiếp cận với cách viết CSS Preprocess
Những bạn đi ứng tuyển mà công ty yêu cầu cắt web, hoặc làm frontend bằng sass.
Khóa học cung cấp kiến thức cơ bản qua bài thực hành đáp ứng nhu cầu tuyển dụng của công ty thiết kế web hiện nay
Tổng quát
- Khóa học cơ bản gồm 2 phần:
+ phần một là lý thuyết về sass và 6 tính năng chính mà sass mang lại . .
+ Phần hai là áp dụng 6 tính năng đó vào làm một bài cắt web chuyển từ giao diện photoshop sang html/css
bằng cách sử dụng SASS.
- Ở phần cắt web từ file thiết kế, bạn cần có kiến thức cơ bản về bootstrap 4, jquery, html/css thì sẽ thuận tiện hơn
khi thực hành.
- Qua bài tập thực tế , Sass giúp bạn quản lý các thông số trong một dự án web lớn hiệu quả thế nào.
- Sass không phải là yêu cầu bắt buộc khi cắt web, chỉ là một công nghệ để có thể đem lập trình vào ngôn ngữ CSS thông thường
- Cũng chỉ cần 2,3 tiếng là bạn sẽ nắm được hết bản chất của SASS. khóa học này giúp bạn đỡ mất thời gian khi tìm hiểu về SASS
Giới thiệu và cài đặt
2 Bài
Bài 1: Giới thiệu khóa học SASS
08:19
Bài 2: Cài đặt các phần mềm và chạy thử
15:39
So sánh 2 định dạng phổ biến SASS và SCSS
2 Bài
Bài 3: So sánh 2 định dạng SASS và SCSS
11:41
Bài 4: Định dạng file SCSS
10:01
5 tính năng chính của SASS
5 Bài
Bài 5: Sử dụng biến trong SASS
11:43
Bài 6: Tính năng xếp chồng trong SASS
07:46
Bài 7: Tính năng sử dụng lại code trong SASS
11:20
Bài 8: Tính năng viết pseudo class nhanh của SASS
07:58
Bài 9: Tính năng tính toán trong SASS
08:14
Bắt đầu project thực tế; HTML và SASS cho phần top của website
6 Bài
Bài 10: Giới thiệu và cài đặt cơ bản cho project SASS
11:25
Bài 11: Tạo khung HTML cho phần top
05:24
Bài 12: Cài đặt các biến cơ bản trong SASS
09:04
Bài 13: SASS cho phần cột trái
10:26
Bài 14: SASS cho phần bên phải
09:42
Bài 15: Hoàn thiện SASS cho phần top
06:45
Xử lý jquery và viết SASS cho phần menu
5 Bài
Bài 16: Viết jquery cho phần lựa chọn ngôn ngữ
05:11
Bài 17: Phần menu và logo - Xử lý HTML cơ bản
09:21
Bài 18: Xử lý chiều cao và viết mixin
09:01
Bài 19: Menu và logo cho giao diện desktop
05:53
Bài 20: Xử lý giao diện responsive cho menu
06:12
Viết SASS cho giao diện responsive
4 Bài
Bài 21: HTML Cho phần tiêu đề và breadcrumbs
03:36
Bài 22: Cách sử dụng font-awesome không cần thêm thẻ html
07:52
Bài 23: SASS cho giao diện desktop
08:20
Bài 24: SASS cho giao diện mobile
08:28
Xử lý slide và hiệu ứng chuyển động
4 Bài
Bài 25: Sử dụng pseudo after và đổ màu gradient trực tiếp trong chrome
04:39
Bài 26: HTML cho phần slide ảnh
05:04
Bài 27: SASS cho phần slide
08:48
Bài 28: Viết hiệu ứng load cho web
[/tintuc]
Lợi ích từ khóa học
Sau khi học xong các bạn có thể chuyển từ file thiết kế Photoshop sang web sử dụng ngôn ngữ SASS
Sau khi học xong các bạn có thể đọc hiểu mã SASS và đưa lập trình vào CSS bằng cách sử dụng SASS
Sau khi học xong các bạn có thể 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
Sinh viên, những bạn học lập trình frontend đã biết sơ lược về html/css muốn tiếp cận với cách viết CSS Preprocess
Những bạn đi ứng tuyển mà công ty yêu cầu cắt web, hoặc làm frontend bằng sass.
Khóa học cung cấp kiến thức cơ bản qua bài thực hành đáp ứng nhu cầu tuyển dụng của công ty thiết kế web hiện nay
Tổng quát
- Khóa học cơ bản gồm 2 phần:
+ phần một là lý thuyết về sass và 6 tính năng chính mà sass mang lại . .
+ Phần hai là áp dụng 6 tính năng đó vào làm một bài cắt web chuyển từ giao diện photoshop sang html/css
bằng cách sử dụng SASS.
- Ở phần cắt web từ file thiết kế, bạn cần có kiến thức cơ bản về bootstrap 4, jquery, html/css thì sẽ thuận tiện hơn
khi thực hành.
- Qua bài tập thực tế , Sass giúp bạn quản lý các thông số trong một dự án web lớn hiệu quả thế nào.
- Sass không phải là yêu cầu bắt buộc khi cắt web, chỉ là một công nghệ để có thể đem lập trình vào ngôn ngữ CSS thông thường
- Cũng chỉ cần 2,3 tiếng là bạn sẽ nắm được hết bản chất của SASS. khóa học này giúp bạn đỡ mất thời gian khi tìm hiểu về SASS
2 Bài
Bài 1: Giới thiệu khóa học SASS
08:19
Bài 2: Cài đặt các phần mềm và chạy thử
15:39
So sánh 2 định dạng phổ biến SASS và SCSS
2 Bài
Bài 3: So sánh 2 định dạng SASS và SCSS
11:41
Bài 4: Định dạng file SCSS
10:01
5 tính năng chính của SASS
5 Bài
Bài 5: Sử dụng biến trong SASS
11:43
Bài 6: Tính năng xếp chồng trong SASS
07:46
Bài 7: Tính năng sử dụng lại code trong SASS
11:20
Bài 8: Tính năng viết pseudo class nhanh của SASS
07:58
Bài 9: Tính năng tính toán trong SASS
08:14
Bắt đầu project thực tế; HTML và SASS cho phần top của website
6 Bài
Bài 10: Giới thiệu và cài đặt cơ bản cho project SASS
11:25
Bài 11: Tạo khung HTML cho phần top
05:24
Bài 12: Cài đặt các biến cơ bản trong SASS
09:04
Bài 13: SASS cho phần cột trái
10:26
Bài 14: SASS cho phần bên phải
09:42
Bài 15: Hoàn thiện SASS cho phần top
06:45
Xử lý jquery và viết SASS cho phần menu
5 Bài
Bài 16: Viết jquery cho phần lựa chọn ngôn ngữ
05:11
Bài 17: Phần menu và logo - Xử lý HTML cơ bản
09:21
Bài 18: Xử lý chiều cao và viết mixin
09:01
Bài 19: Menu và logo cho giao diện desktop
05:53
Bài 20: Xử lý giao diện responsive cho menu
06:12
Viết SASS cho giao diện responsive
4 Bài
Bài 21: HTML Cho phần tiêu đề và breadcrumbs
03:36
Bài 22: Cách sử dụng font-awesome không cần thêm thẻ html
07:52
Bài 23: SASS cho giao diện desktop
08:20
Bài 24: SASS cho giao diện mobile
08:28
Xử lý slide và hiệu ứng chuyển động
4 Bài
Bài 25: Sử dụng pseudo after và đổ màu gradient trực tiếp trong chrome
04:39
Bài 26: HTML cho phần slide ảnh
05:04
Bài 27: SASS cho phần slide
08:48
Bài 28: Viết hiệu ứng load cho web
Link GoogleDrive :
https://drive.google.com/drive/folders/1pJWFrevteaWq1vrjrpgO0PxwpMzvb1TQ?usp=sharing
Link sao lưu khi bị lỗi :
https://drive.google.com/drive/folders/1evu5BsQARsM1Q_PpKqVvdQ7PYLlb6N7r?usp=sharing
- Nếu link tải có vấn đề . Mong các bạn báo về 0934.363.833 ( Zalo,Viber ) để www.KeyBanQuyen.XYZ - www.KingSoft.xyz sửa trong vòng 24h. Xin Cám Ơn.
- 1 số tài liệu chúng tôi thu phí tượng trưng để dùng cho việc duy trì Account lưu trữ Vĩnh Viễn và VPS để quá trình Upload, Fix Link nhanh nên rất mong QUÝ VỊ CẢM THÔNG. 99% các tài liệu,phần mềm trên Website vẫn là MIỄN PHÍ. Xin Cám Ơn.
