Hướng dẫn thực hành thiết kế giao diện với Bootstrap 4
Mục tiêu bài thực hành
Khóa học Hướng dẫn thực hành thiết kế giao diện với Bootstrap 4 sẽ giúp bạn nắm vững cách sử dụng hệ thống lưới, thành phần UI và tiện ích có sẵn để xây dựng giao diện web hiện đại, đẹp mắt và tương thích trên mọi thiết bị. Thông qua các bài tập thực hành, bạn sẽ rèn luyện kỹ năng thiết kế website responsive, tối ưu trải nghiệm người dùng và sẵn sàng áp dụng vào các dự án thực tếNgoài ra khi tham gia khóa học, học viên được cung cấp công cụ, phần mềm miến phí phục vụ học tập, được hướng dẫn hỗ trợ cài đặt mô trường phục vụ cho kháo học
- Hỗ trợ 1 - 1
- Cung cấp tài liệu video
- Cung cấp các bài thực hành
- Cung cấp sản phẩm mẫu
- Cung cấp tài nguyên kháo học
- Tham gia cộng đồng
Chi tiết các bài tập thực hành
- Thiết kế giao diện web (7 bài học)
STT | Tên bài | |
---|---|---|
1 | Bài 1 - cài đặt plugin cho Visual Code và nhúng bootstrap 4 vào dự án | Video |
2 | Bài 2: Cách tìm hiểu và học Bootstrap | Video |
3 | Bài 3: thiết kế giao diện theo mẫu - phàn 1 | Video |
4 | Bài 3: thiết kế giao diện theo mẫu - phàn 2 (chia lưới cơ bản) | Video |
5 | Bài 5: thiết kế giao diện theo mẫu - phàn 3 (chia lưới phần chan trang) | Video |
6 | Bài 6: thiết kế giao diện theo mẫu - phần 4 - Font awesome icon | Video |
7 | Bài 7: thiết kế giao diện theo mẫu - phần 5 - Hiệu ứng Carousel cho sản phẩm | Video |