Khóa học Bootstrap AZ – Xây dựng giao diện website chuẩn, nhanh chóng, chuyên nghiệp với Bootstrap

Share Khóa học Bootstrap AZ – Xây dựng giao diện website chuẩn, nhanh chóng, chuyên nghiệp với Bootstrap của giảng viên Phan Văn Cương

Bạn Sẽ Học Được Gì?

✅ Bạn làm chủ Framework Frontend hàng đầu thế giới giúp xây dựng giao diện chuẩn, nhanh gấp 10 lần so với thông thường

✅ Tùy chỉnh hiển thị các đối tượng text, khối trên giao diện với mạng lưới các class tối ưu

✅ Chương trình học bao gồm Lý Thuyết – Thực Hành – Đồ Án – Reviews Góp ý đến hoàn thiện

✅ Được hỏi bài – Giải đáp thắc mắc bất kỳ lúc nào + Trao đổi trực tiếp với Chuyên gia

✅ Tạo bố cục website nhanh chóng vững vàng và tương thích đa thiết bị với hệ thống Grid

✅ Nắm được hệ thống tiện ích nâng cao để hiển thị giao diện web đa dạng, phong phú

✅ Bạn được tham gia nhóm kín hỗ trợ 24/24 qua Facebook Messenger và kết nối học hỏi những người đang tham dự

✅ Có hướng dẫn làm đồ án để áp dụng Bootstrap vào thực tế – Kỹ năng quan trọng để đi làm

Giới Thiệu Khóa Học

Nội Dung Khóa Học

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ị