Share Khóa Học Thiết kế web HTML Và Cắt CSS
Liên hệ
Share khóa học Khóa Học Thiết kế web HTML Và Cắt CSS từ Photoshop với SASS Nguyễn Đức Việt
Giới thiệu khóa học Html Css
Minutop 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
Khóa học Html Css 21 này dành cho :
Bạn là sinh viên đang muốn học Xây dựng giao diện web để đi theo nghề lập trình sau khi ra trường
Bạn là người tự học html css trên google, youtube mất định hướng muốn học tập trung để đi làm trong vài tháng tới
Bạn là người đã đi làm Backend và muốn học Front end để đi theo hướng Full Stack
Bạn là dân Marketing muốn có thêm kiến thức để tự làm nên các Langding page để phát triển bán hàng
Bạn là người đi làm trái ngành muốn bắt đầu học thêm web để kiếm thêm thu nhập
Khóa học này sẽ giúp bạn:
Giới thiệu về các khái niệm cơ bản về thiết kế giao diện web, cách sử dụng Photoshop để thiết kế giao diện và các quy trình chuẩn trong thiết kế.
Cắt HTML từ Photoshop: học cách chuyển đổi thiết kế Photoshop thành mã HTML, cách sử dụng các thẻ HTML, các kỹ thuật để xây dựng giao diện linh hoạt và tối ưu hóa hiệu suất.
Cắt CSS từ Photoshop với Sasshọc cách sử dụng Sass để tạo ra các style CSS dễ dàng và hiệu quả hơn, cách sử dụng các tính năng của Sass như variables, mixins, nesting, function để giảm thiểu thời gian và công sức khi viết CSS.
Nội dung khóa học Html Css 21 Ngày Unitop
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ử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
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 SASS11:50
Bài 6: Tính năng xếp chồng trong SASS07:53
Bài 7: Tính năng sử dụng lại code trong SASS11:27
Bài 8: Tính năng viết pseudo class nhanh của SASS08:05
Bài 9: Tính năng tính toán trong SASS08: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 SASS11:32
Phần 5: HTML và SASS cho phần top của website
Bài 11: Tạo khung HTML cho phần top05:31
Bài 12: Cài đặt các biến cơ bản trong Sass09:11
Bài 13: SASS cho phần cột trái10:33
Bài 14: SASS cho phần bên phải09:49
Bài 15: Hoàn thiện SASS cho phần top06: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ữ05:18
Bài 17: Phần menu và logo – Xử lý HTML cơ bản09:28
Bài 18: Xử lý chiều cao và viết mixin09:08
Bài 19: Menu và logo cho giao diện desktop06:00
Bài 20: Xử lý giao diện responsive cho menu06:19
Phần 7: Viết SASS cho giao diện responsive
Bài 21: HTML Cho phần tiêu để và breadcrumbs03:43
Bài 22: Cách sử dụng font-awesome không cần thêm thẻ html07:59
Bài 23: SASS cho giao diện desktop08:27
Bài 24: SASS cho giao diện mobile08: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 chrome04:46
Bài 26: HTML cho phần slide ảnh05:11
Bài 27: SASS cho phần slide08:55
Bài 28: Viết hiệu ứng load cho web05:49
Phần 9: Tổng kết khóa
Bài 29: Tổng kết khóa học05:49
