Thông tin:

KYNA - Khóa Học Học SASS Và Cắt Web Từ File Thiết Kế Photoshop Theo Kiểu SASS

Nội dung khóa học “Học SASS và cắt web từ file thiết kế Photoshop theo kiểu SASS”:

• Hướng dẫn thao tác cài đặt
• So sánh 2 định dạng phổ biến SASS và SCSS
• Tìm hiểu 5 tính năng của SASS
• HTML và SASS cho phần top của website. 
• Xử lý jquery và viết SASS.  
• Viết SASS cho giao diện responsive. 
• Xử lý slide và hiệu ứng chuyển động.
• Nội dung khóa học

PHẦN 1 - GIỚI THIỆU VÀ CÀI ĐẶT

• 000 - Tài liệu khóa học
• 001 - Giới thiệu khóa học sass
• 002 - 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

• 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

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 HỌC

• 029 - Tổng kết khóa học
• Đánh giá và góp ý khóa học
• Các khóa học liên quan