Thiết kế web HTML và cắt CSS từ Photoshop với SASS

Giảng viên khóa học: Nguyễn Đức Việt

Bài giảng: 29 bài học/ 04 giờ 02 phút
Học viên đăng ký: 13
Giá gốc: 700.000VNĐ
Ưu đãi còn: 420.000 VNĐ
(Giảm 40% áp dụng đến 24/09/2019)
Combo khóa học siêu rẻ


>>> Đăng ký học thử khóa học >>>

Giới thiệu khóa học “Thiết kế web HTML và cắt CSS từ Photoshop với SASS ”

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

Nội dung khóa học

Phần 1: Giới thiệu và cài đặt

Bài 1: Giới thiệu khóa học sass
00:08:26
Bài 2: Cài đặt các phần mềm và chạy thử
00:15:46

Phần 2: So sánh 2 định dạng phổ biến SASS và SCSS

Bài 3: So sánh 2 định dạng sass và scss
00:11:48
Bài 4: Định dạng file scss
00:10:08

Phần 3: 5 tính năng chính của SASS

Bài 5: Sử dụng biến trong SASS
00:11:50
Bài 6: Tính năng xếp chồng trong SASS
00:07:53
Bài 7: Tính năng sử dụng lại code trong SASS
00:11:27
Bài 8: Tính năng viết pseudo class nhanh của SASS
00:08:05
Bài 9: Tính năng tính toán trong SASS
00:08:21

Phần 4: Bắt đầu project thực tế

Bài 10: Giới thiệu và cài đặt cơ bản cho project SASS
00:11:32

Phần 5: HTML và SASS cho phần top của website

Bài 11: Tạo khung HTML cho phần top
00:05:31
Bài 12: Cài đặt các biến cơ bản trong Sass
00:09:11
Bài 13: SASS cho phần cột trái
00:10:33
Bài 14: SASS cho phần bên phải
00:09:49
Bài 15: Hoàn thiện SASS cho phần top
00:06:52

Phần 6: Xử lý jquery và viết SASS cho phần menu

Bài 16: Viết jquery cho phần lựa chọn ngôn ngữ
00:05:18
Bài 17: Phần menu và logo – Xử lý HTML cơ bản
00:09:28
Bài 18: Xử lý chiều cao và viết mixin
00:09:08
Bài 19: Menu và logo cho giao diện desktop
00:06:00
Bài 20: Xử lý giao diện responsive cho menu
00:06:19

Phần 7: Viết SASS cho giao diện responsive

Bài 21: HTML Cho phần tiêu để và breadcrumbs
00:03:43
Bài 22: Cách sử dụng font-awesome không cần thêm thẻ html
00:07:59
Bài 23: SASS cho giao diện desktop
00:08:27
Bài 24: SASS cho giao diện mobile
00:08:35

Phần 8: Xử lý slide và hiệu ứng chuyển động

Bài 25: Sử dụng pseudo after và đổ màu gradient trực tiếp trong chrome
00:04:46
Bài 26: HTML cho phần slide ảnh
00:05:11
Bài 27: SASS cho phần slide
00:08:55
Bài 28: Viết hiệu ứng load cho web
00:05:49

Phần 9: Tổng kết khóa

Bài 29: Tổng kết khóa học
00:05:49

Giảng viên

Giảng viên khóa học: Thiết kế web HTML và cắt CSS từ Photoshop với SASS
Giảng viên khóa học: Thiết kế web HTML và cắt CSS từ Photoshop với SASS

Nguyễn Đức Việt

Tốt nghiệp đại học Bách Khoa Hà Nội, khóa 49, khoa Công nghệ phần mềm.

Giảng viên Thiết kế web tại FPT – Arena.

Với 5 năm kinh nghiệm giảng dạy và làm việc trong lĩnh vực thiết kế web, anh đã đào tạo hàng nghìn học viên đã tốt nghiệp và làm việc trong lĩnh vực thiết kế, đặc biệt là thiết kế web chuyên nghiệp.

Tham gia rất nhiều dự án web cho FPT và các dự án về thiết kế web dựa trên ngôn ngữ lập trình mã nguồn mở.

Học viên đánh giá khóa học

Thiết kế web HTML và cắt CSS từ Photoshop với SASS
Đánh giá khóa học: Thiết kế web HTML và cắt CSS từ Photoshop với SASS

Quyền lợi học viên trong khóa học online này

Được học đi học lại, học mọi lúc mọi nơi.
Được đặt câu hỏi cho giảng viên, trao đổi cùng các học viên khác trong phần “thảo luận” khóa.
Được giảng viên hỗ trợ trực tiếp thông qua nhóm Facebook, giao lưu cùng những học viên khác trên nhóm.
Giảng viên có thể tổ chức các buổi giao lưu trực tuyến hoặc trực tiếp.
Được hoàn trả 100% học phí nếu nội dung khóa học không như mong đợi.
Mua một lần học trọn đời.
Đã có hơn 120.000 học viên đăng ký trên toàn hệ thống.
Ưu đãi giảm từ 20% đến 50% trực tiếp vào giá.
Giá các khóa học trên hệ thống chỉ từ 200,000 VNĐ

>>> Đăng ký học thử khóa học >>>

Chia sẻ khóa học