Khóa học thiết kế web HTML và cắt CSS từ Photoshop với SASS

Khóa học thiết kế web HTML và cắt CSS từ Photoshop với SASS – GV Nguyễn Đức Việt giúp bạn cắt website từ giao diện Photoshop sang html/css bằng cách sử dụng SASS

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

Đối tượng đào tạo khóa học thiết kế web HTML và cắt CSS từ Photoshop 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.
• Nhà tuyển dụng của công ty thiết kế web hiện nay

Nội dung khóa học thiết kế web HTML và cắt CSS từ Photoshop với SASS

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

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

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
• Bài 4: Định dạng file scss

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

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

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

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

• Bài 11: Tạo khung HTML cho phần top
• Bài 12: Cài đặt các biến cơ bản trong Sass
• Bài 13: SASS cho phần cột trái
• Bài 14: SASS cho phần bên phải
• Bài 15: Hoàn thiện SASS cho phần top

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ữ
• Bài 17: Phần menu và logo – Xử lý HTML cơ bản
• Bài 18: Xử lý chiều cao và viết mixin
• Bài 19: Menu và logo cho giao diện desktop
• Bài 20: Xử lý giao diện responsive cho menu

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

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

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
• Bài 26: HTML cho phần slide ảnh
• Bài 27: SASS cho phần slide
• Bài 28: Viết hiệu ứng load cho web

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

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

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: Giảng viên Thiết kế web tại FPT – Arena
• 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. Nguyễn Đức Việt
• 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ở.

Kiến thức nhận được sau khóa học thiết kế web HTML và cắt CSS từ Photoshop với SASS

• Biết cách Thiết kế giao diện sử dụng Photoshop
• Cung cấp đầy đủ kiến thức cắt web, hoặc làm frontend bằng sass.
• Tiếp cận môi trường làm việc thực tế, tự tin khi đi phỏng vấn.
• Đáp ứng nhu cầu tuyển dụng của các công ty thiết kế web hiện nay

Học viên đánh giá khóa học thiết kế web HTML và cắt CSS từ Photoshop với SASS

Quyền lợi của học viên trong khóa học thiết kế web HTML và cắt CSS từ Photoshop với SASS

• Đượ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.
• Đã có hơn 500 học viên đăng ký thiết kế web HTML và cắt CSS từ Photoshop với SASS trên toàn hệ thống.

Cách đăng ký khóa học thiết kế web HTML và cắt CSS từ Photoshop với SASS

Rất nhiều bạn phản hồi không biết đăng ký khóa này ra sao, sử dụng mã giảm giá như thế nào? Chính vì vậy Timkiemkhoinghiep sẽ hướng dẫn cụ thể lại. Để nhận được khuyến mãi 40% giá trị khóa học bạn cần chỉ cần click vào đăng ký khóa học (dưới đây), sau khi tham khảo và học thử thấy ưng ý và phù hợp đăng ký và nhập mã giảm giá 71680 hệ thống sẽ tự động giảm 40% giá trị khóa học cho bạn.

Lưu ý: Trong những đợt khuyễn mãi nếu hệ thống tự động khuyến mãi 40% rồi thì khi sử dụng mã giảm giá không được hưởng nữa.

Giải đáp những vấn đề liên quan đến khóa học thiết kế web HTML và cắt CSS từ Photoshop với SASS

1. Tôi đến chỗ nào để học khóa học này?

Như đã trình bày ở trên khóa học thiết kế web HTML và cắt CSS từ Photoshop với SASS là khóa học online, bạn có thể học ở các trang đào tạo trực tuyến lớn như Topica, Edumaill, Unica mà không cần đến bất kỳ một nơi nào để học mà sẽ học qua các thiết bị được kết nối Internet mà thôi. Chính vì vậy bạn có thể học được ở bât kể nơi nào, thời gian rảnh nào cũng được.

Yêu cầu khoá học

• Có laptop/ smart phone + kết nối Internet.
• Môi trường học tập yên tĩnh.
• Cần thiết bị có khả năng truy cập Internet.
• Nên sử dụng tai nghe trong quá trình học.

2. Tôi không có máy tính PC có học được không?

Có bạn nhé. Bạn chỉ cần có thiết bị kết nối Internet không nhất thiết phải là máy tính mới học được. Bạn hoàn toàn có thể học qua các thiết bị khác như: Điện thoại, máy tính bảng, Laptop.

3. Muốn trao đổi với giảng viên thì làm thế nào?

Trong khóa học giảng viên sẽ cung cấp cho bạn một kênh kết nối trực tiếp, có vấn đề gì thì bạn có thể trao đổi trực tiếp với giảng viên.

Lời kết

Hy vọng Khóa học “thiết kế web HTML và cắt CSS từ Photoshop với SASS” hữu ích đối với bạn

Xem thêm

• Sản xuất phim quảng cáo và hoạt hình 2D với Photoshop và After effects
• Kiếm tiền Youtube với phim hoạt hình 2D làm bằng phần mềm Camtasia Studio
• Khóa học Cinema 4D cơ bản
• Làm video animation dạng tay vẽ trong 24h