Bootstrap CSS Framework – CSS & Component

5
(2)

Khóa học Bootstrap CSS Framework – CSS & Component giúp bạn hiểu và ứng dụng được các CSS Component mà Bootstrap cung cấp, từ đó rút ngắn thời gian thiết kế.

Khóa học Bootstrap CSS Framework – CSS & Component

Bạn sẽ đạt được gì sau khóa học

✔️ Áp dụng được cơ chế Grid System của Bootstrap để xây dựng đa giao diện cho trang web đáp ứng Responsive Design
✔️ Hiểu và ứng dụng được các CSS Component mà Bootstrap cung cấp, từ đó rút ngắn thời gian thiết kế.
✔️ Khả năng giải quyết các vấn đề về giao diện mà khi làm việc với HTML và CSS thường mắc phải.
✔️ Biết thêm một số khái niệm khi xây dựng giao diện với CSS và Accessible Rich Internet Applications

- Giảm giá 40% Unica.

▶️ Áp dụng nhanh cho khóa học này.

Tất cả các kiến thức về HTML, CSS đã có thể giúp bạn tự tin xây dựng được các giao diện với bố cục từ cơ bản đến phức tạp đảm bảo hiển thị tốt trên nhiều kích thước màn hình (Responsive Design). Tuy nhiên, chúng sẽ tiêu tốn của chúng ta khá nhiều thời gian và công sức. Khóa Học Bootstrap CSS Framework ra đời chính là giúp chúng ta giải quyết vấn đề đó. Nó không những giúp chúng ta rút ngắn thời gian thiết kế giao diện có bố cục phức tạp mà còn đảm bảo giao diện đó bắt mắt và hiển thị tốt trên nhiều thiết bị, từ desktop, laptop cho tới tablet, mobile. Ngoài ra, trang bị kiến thức về BT CSS Framework cũng là một phần không thể thiếu cho các Front-End Developer khi nó dần trở thành yêu cầu tất yếu khi xin việc.

Giáo trình khóa học Bootstrap CSS Framework – CSS & Component

Phần 1: Giới thiệu về Bootstrap CSS Framework

Bài 1: Giới thiệu Bootstrap CSS Framework
Bài 2: Cài đặt Bootstrap 3 – Download mã nguồn
Bài 3: Cài đặt Bootstrap 3 – Cấu trúc template cơ bản

Phần 2: Tìm hiểu về hệ thống Grid System và các vấn đề liên quan

Bài 4: Tìm hiểu Bootstrap Container
Bài 5: Tìm hiểu Bootstrap Row
Bài 6: Lý thuyết về Bootstrap Column
Bài 7: Ứng dụng Bootstrap Column xây dựng bố cục cơ bản
Bài 8: Xây dựng đa giao diện bằng Multiple column class
Bài 9: Tìm hiểu cơ chế Offsetting Column
Bài 10: Tìm hiểu cơ chế Nested Column
Bài 11: Tìm hiểu cơ chế Ordering Column

Phần 3: Typography

Bài 12: Heading và body style trong Bootstrap
Bài 13: Một số thẻ ngữ nghĩa trong Bootstrap
Bài 14: Tìm hiểu Alignment Class và Transformation Class
Bài 15: Định dạng cho Abbreviation và Blockquote
Bài 16: Định dạng danh sách trong Bootstrap
Bài 17: Một số thẻ định dạng mã nguồn
Bài 18: Định dạng Table trong Bootstrap
Bài 19: Định dạng Button trong Bootstrap
Bài 20: Định dạng hình ảnh trong Bootstrap
Bài 21: Tìm hiểu các Helper Class – Contextual và Quick Float Class
Bài 22: Tìm hiểu các Helper Class – Screen Reader và một số class còn lại
Bài 23: Tìm hiểu các Responsive Ultilities Class

Phần 4: Trang trí Form cơ bản trong Bootstrap

Bài 24: Trang trí Form cơ bản với Bootstrap
Bài 25: Các control được hỗ trợ trong Bootstrap Form
Bài 26: Tìm hiểu cách trang trí cho Inline Form
Bài 27: Tìm hiểu cách trang trí cho Horizontal Form
Bài 28: Một số class hỗ trợ trang trí trong Form

Phần 5: Tìm hiểu về Component – Một số Component thường gặp

Bài 29: Tìm hiểu Glyphicon Component Bài 30: Tìm hiểu Dropdown Component
Bài 31: Tìm hiểu Button Group Component
Bài 32: Tìm hiểu Button Dropdown Component
Bài 33: Tìm hiểu Input Group Component
Bài 34: Sử dụng Input Group & Form Group
Bài 35: Tìm hiểu Form Validation Style
Bài 36: Tìm hiểu Navs Component
Bài 37: Tìm hiểu Navbar Component – Cấu trúc cơ bản
Bài 38: Tìm hiểu Navbar Component – Thêm một số thành phần cơ bản
Bài 39: Tìm hiểu Navbar Component – Thu gọn Navbar khi responsive
Bài 40: Tìm hiểu Navbar Component – Một số kiểu trang trí dành cho Navbar

Phần 6: Tìm hiểu các Component khác có trong Bootstrap

Bài 41: Tìm hiểu Component Page Header & Jumbotron
Bài 42: Tìm hiểu Thumbnail Component
Bài 43: Tìm hiểu Pagination & Breadcrumb Component
Bài 44: Tìm hiểu Media Object Component
Bài 45: Tìm hiểu Alert, Badges và Label Component
Bài 46: Tìm hiểu List Group Component
Bài 47: Tìm hiểu Panel Component
Bài 48: Tìm hiểu Wells Component
Bài 49: Tìm hiểu Progress bars Component
Bài 50: Tìm hiểu Responsive Embed Component

Bạn được học miễn phí các bài giảng sau:

Bài 1: Giới thiệu Bootstrap CSS Framework
Bài 2: Cài đặt Bootstrap 3 – Download mã nguồn
Bài 3: Cài đặt Bootstrap 3 – Cấu trúc template cơ bản

▶️ Vào học ngay.

Phó Hải Đăng – Giảng viên lập trình

Phó Hải ĐăngTh.s khoa học máy tính
Th.s Khoa Học Máy Tính

Đồng sáng lập CiOne, hệ thống học CNTT trực tuyến.

Có gần 10 năm kinh nghiệm trong việc giảng dạy về chuyên ngành “lập trình ứng dụng & quản trị cơ sở dữ liệu” ở các trường đại học và học viện NIIT TP.HCM

Giảm giá khóa học Bootstrap CSS Framework – CSS & Component

Hiện tại mình đã chèn mã giảm giá vào các đường link bên trên rồi nên các bạn chỉ cần việc click vào đã được giảm giá 40% cho khóa học “Bootstrap CSS Framework – CSS & Component”. Tuy nhiên, có nhiều trường hợp đường link bị lỗi thì bạn có thể nhập thủ công mã “GIFTCODE01” vào ô “Bạn có mã giảm giá”, sau đó nhấn nút “Áp dụng” bên cạnh nhé.

Giá gốc: 700.000đ, sau khi áp dụng mã giảm giá chỉ còn 420,000đ. Đặc biệt bạn còn được giảm thêm 10% nữa khi chọn hình thức thanh toán online.
Chỉ với 420,000đ là bạn đã sỡ hữu toàn bộ giáo trình của Gv. Phó Hải Đăng với 50 bài giảng rồi, bạn sẽ làm chủ  kỹ năng Bootstrap của mình chỉ với “420,000đ và 4 giờ 29 phút”, điều này có xứng đáng với sự đầu tư của bạn không?
Ngoài ra bạn còn được học thử miễn phí 3 bài giảng bên trên mà không cần phải đăng ký, được hoàn tiền trong 7 ngày nếu không hài lòng về chất lượng khóa học. Vậy có lý do gì mà bạn còn không thử?
Chúc các bạn học tập vui vẻ.

How useful was this post?

Click on a star to rate it!

Average rating 5 / 5. Vote count: 2

No votes so far! Be the first to rate this post.

As you found this post useful...

Follow us on social media!

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *