
Xây dựng giao diện web với SASS, GruntJS và Bootstrap là khóa học được xây dựng bởi chính những kinh nghiệm xây dựng giao diện web của ZendVN với các project thực tế.
Bạn sẽ không gặp quá nhiều khó khăn khi tìm kiếm các tài liệu dạng bài viết và video chia sẻ về các chủ đề "khái niệm SASS", "sử dụng SASS", "GruntJS là gì" hoặc "sử dụng Bootstrap". Tuy nhiên đa phần các tài liệu hướng dẫn này đều chỉ dừng lại ở viết giới thiệu và chỉ trình bày sơ lược về một số tính năng có trong Sass, GruntJS hoặc Bootstrap mà thôi. Còn về việc áp dụng 3 nền tảng này với nhau như thế nào để xây dựng giao diện web hiệu quả, cũng như công nghiệp hóa quy trình convert PSD sang HTML CSS thỏa reponsive vẫn là câu hỏi ? Chính vì thế ZendVN quyết định xây dựng khóa học "xây dựng giao diện web với SASS, GruntJS và Bootstrap" ,
Khóa học xây dựng web với SASS, GruntJS và Bootstrap sẽ sử dụng 3 nền tảng chính là SASS, GruntJS và Bootstrap để hướng dẫn các bạn cách chuyển đổi một giao diện được thiết kế từ Photoshop (file PSD) sang giao diện Web reponsive (HTML CSS Bootstrap).
Bạn sẽ được học SASS từ những vấn đề cơ bản nhất đến những cách viết và xử lý nâng cao
Bạn sẽ được hướng dẫn cài đặt GruntJS, cấu hình GruntJS, và sử dụng các plugin phổ biến của GruntJS
Chính vì thế chúng tôi yêu cầu các bạn đã tham gia và phải học xong khóa học Frontend Master hoặc có kiến thức tương đương với khóa học Frontend Master, nếu chưa thỏa được yêu cầu này các bạn không nên tham gia vào khóa học “Xây dựng giao diện web với SASS, GruntJS và Bootstrap”, nếu không các bạn sẽ bị đuối và tẩu hỏa nhập ma
Trong khóa học này, ZendVN sẽ KHÔNG hướng dẫn các bạn các kiến thức về HTML5 và CSS3, vì nội dung HTML5 và CSS3 ZendVN sẽ xây dựng riêng trong một khóa học khác.
Bạn sẽ được hướng dẫn xây dựng một cấu trúc project kết hợp 3 nền tảng SASS, GruntJS và Bootstrap lại với nhau trong việc xây dựng các giao diện web. Với cấu trúc project này bạn có thể dễ dàng nâng cấp và điều chỉnh lại phần giao diện khi có yêu cầu từ phía khách hàng.
Ai nên tham gia khóa học này:
Khi học xong khóa học này bạn sẽ có được những kiến thức gì
Khóa học được xây dựng dựa trên kinh nghiệm làm dự án thực tế của ZendVN, ngoài ra trong suốt khóa học ZendVN sẽ hướng dẫn các bạn cách đọc và sử dụng tài liệu ở các website sau:
Ngoài ra khóa học còn sử dụng các tài liệu từ trang Google, stackoverflow.com và các trang web khác.
Intro
Content
Requirement
Use source
Review chap 1
Introduce SASS
Enviroments
Output
Setting
Nesting element
Nesting property
Referencing Parent Selectors
Use
Global
Data Type
Interpolation
Google Font
IF
For 01
For 02
While
Each
Create & Use
Lib
import
media
extend
Basic
Argument
Button 01
Button 02
Button 03
Demo
clearfix
import
setWidth 01
setWidth 02
media
Demo
cell-x
media
Review chap 2
Full video
Install
Create Project 01
Create Project 02
cssmin 01
cssmin 02
concat 01
concat 02
Uglify 01
Uglify 02
SASS
watch
connect
Problem
includes 01
includes 02
Review chap 3
Demo & Requirement
Project Structure 01
Project Structure 02
Project Structure 03
Project Structure 04
Sass files
Font
HTML structure
Logo
Menu 01
Menu 02
Sub Menu
Sub sub Menu
Responsive 01
Responsive 02
Responsive 03
Responsive 04
Breadcrumb 01
Breadcrumb 02
Article 01
Article 02
Article 03
Full video
Full video
Footer 01
Footer 02
Full video
Minify CSS
Minify JS
Minify HTML
Fix
Validator
Full video
Full video
Full video
Include media
Compass 01
Compass 02
Rating
Lê Hữu Dương
Mình đã học những kiến thức trong khóa học này cung cấp và đã áp dụng vào thực tiễn công việc, khóa học xứng đáng để dành thời gian theo học