Phần 1: Giới thiệu - Khởi động |
Bài 1.1: Bootstraps là gì? Tạo sao cần sử dụng nó |
Bài 1.2: Khóa học Bootsrap AZ và người hướng dẫn Phan Văn Cương |
Bài 1.3: Cách học Bootstrap AZ hiệu quả |
Bài 1.4: Thiết lập mục tiêu và lên kế hoạch học tập |
Bài 1.5: 2 phần mềm cần cài đặt khi học Bootstraps |
Bài 1.6: Cách cài đặt Bootstrap chỉ trong 5 phút |
Bài 1.7: Cài đặt Bootstrap với link CDN |
Phần 2: Xây dựng layout website responsive với Grid Systems |
Bài 2.1: Khám phá hệ thống Grid Design và Grid Css |
Bài 2.2: Quy tắc dựng layout với grid bootstrap |
Bài 2.3: Bài tập: Xây dựng layout 3 cột với bootstrap |
Bài 2.4: Hướng dẫn: Xây dựng layout 3 cột bootstrap |
Bài 2.5: Hệ thống Grid bootstrap tùy biến trên đa thiết bị |
Bài 2.6: Tùy biến kích thước container trong bootstrap |
Bài 2.7: Xử lý khối lồng khối trong grid boostrap |
Bài 2.8: Hủy bỏ vùng đệm của cột trong grid |
Phần 3: Tiện ích cho text, hình ảnh trong bootstrap |
Bài 3.1: Định dạng hiển thị tiêu đề h1-h6 |
Bài 3.2: Nhóm class căn chỉnh text (left - center - right-justify) |
Bài 3.3: Nhóm class tùy chỉnh màu sắc text |
Bài 3.4: Nhóm class tùy chỉnh đậm nhạt của text |
Bài 3.5: Nhóm class tùy chỉnh in hoa thường của text |
Bài 3.6: Class bỏ gạch chân text |
Bài 3.7: Tùy chỉnh danh sách ul, ol trong bootstrap |
Bài 3.8: Nhóm class xây dựng hình ảnh - responsive |
Bài 3.9: Kỹ thuật căn giữa hình ảnh trong bootstrap |
Bài 3.10: Bài tập 2: Xây dựng trang chi tiết bài viết với Bootstrap |
Bài 3.11: Hướng dẫn: Xây dựng trang chi tiết bài viết với Bootstrap |
Phần 4: Tiện ích cho khối trong boostrap |
Bài 4.1: Nhóm class thiết lập màu nền khối |
Bài 4.2: Nhóm class tùy chỉnh đường viền khối |
Bài 4.3: Nhóm class tùy chỉnh bo tròn góc khối |
Bài 4.4: Nhóm class tùy chỉnh chế độ hiển thị |
Bài 4.5: Nhóm class tùy chỉnh vùng đệm - khoảng cách khối |
Bài 4.6: Căn giữa khối trong bootstrap |
Bài 4.7: Nhóm class tùy chỉnh float, clear |
Bài 4.8: Sập độ cao là gì? Cách chống sập độ cao trong bootstrap |
Bài 4.9: Thiết lập kích thước khối tiện lợi theo phần trăm |
Bài 4.10: Nhóm class tùy chỉnh vị trí hiển thị đối tượng - position |
Bài 4.11: Nhóm class tùy chỉnh đổ bóng khối |
Bài 4.12: Nhóm class tùy chỉnh hiện tượng tràn văn bản - overflow |
Bài 4.13: Bài tập 3: Hiển thị danh sách bài viết dạng lưới |
Bài 4.14: Hướng dẫn bài tập 3: Hiển thị danh sách bài viết dạng lưới |
Phần 5: Nhóm tiện ích nâng cao Bootstrap |
Bài 5.1: Xây dựng tùy chỉnh nút bấm trong form(border, background, size...) |
Bài 5.2: Xây dựng tùy chỉnh hiển thị nội dung trên table |
Bài 5.3: Cấu hình hiển thị table trên đa thiết bị |
Bài 5.4: Tạo menu điều hướng website chạy trên đa thiết bị |
Bài 5.5: Tạo thanh dropdown menu |
Bài 5.6: Xây dựng Breadcrumb - Thanh điều hướng |
Bài 5.7: Xây dựng thanh phân trang danh sách bài viết, sản phẩm... |
Bài 5.8: Xây dựng nội dung hiển thị kiểu Popup Modal |
Bài 5.9: Xây dựng nội dung hiển thị kiểu Popup Modal - phần 2 |
Bài 5.10: Tạo form cơ bản đầu tiên với bootstrap |
Bài 5.11: Hiển thị các phần tử form (input text, email, select, radio, checkbox...) |
Bài 5.12: 5 loại bố cục hiển thị form với bootstrap |
Bài 5.13: Tùy chỉnh kích thước phần tử form trong bootstrap |
Bài 5.14: Tùy chỉnh hiển thị input nâng cao |
Bài 5.15: Sử dụng hộp thoại cảnh báo Alert |
Bài 5.16: Hiện thị Carousel Slideshow với Bootstrap |
Bài 5.17: Sử dụng chú thích nâng cao với Tooltip |
Bài 5.18: Sử dụng thanh mô tả tiến trình Progress |
Bài 5.19: Sử dụng tiện ích Nav Tabs Bootstrap |
Bài 5.20: Sử dụng List group |
Bài 5.21: Hiển thị Tab theo chiều ngang (List group - Tab) |
Bài 5.22: Hiển thị nội dung có cấu trúc phần 1 |
Bài 5.23: Hiển thị nội dung có cấu trúc phần 2 |
Bài 5.24: Hiển thị nội dung kiểu media, comment đa cấp |
Bài 5.25: Hiển thị nội dung kiểu Accordion - xổ thực đơn |
Bài 5.26: Hiển thị hiệu ứng chờ xử lý chương trình |
Bài 5.27: Kỹ thuật nhúng video vào website theo tỉ lệ và tương thích đa thiết bị |