728x90 AdSpace

Latest News

Thứ Hai, 18 tháng 3, 2019

Chia Sẻ Khóa Học Thiết kế web HTML và cắt CSS từ Photoshop với SASS

Chia Sẻ Khóa Học Thiết kế web HTML và cắt CSS từ Photoshop với SASS

Chia Sẻ Khóa Học Thiết kế web HTML và cắt CSS từ Photoshop với SASS - Nguyễn Đức Việt  FPT - Arena


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

Chia Sẻ Khóa Học Thiết kế web HTML và cắt CSS từ Photoshop với SASS - Nguyễn Đức Việt  FPT - Arena

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

  • 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

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

 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

Tải khóa học cùng tài liệu:
Chia Sẻ Khóa Học Thiết kế web HTML và cắt CSS từ Photoshop với SASS
  • Blogger Comments
  • Facebook Comments

1 nhận xét:

Item Reviewed: Chia Sẻ Khóa Học Thiết kế web HTML và cắt CSS từ Photoshop với SASS Rating: 5 Reviewed By: KienThuc
Top