Bootstrap CSS Framework – CSS & Component

Bạn sẽ học được gì

Á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ới thiệu khóa học

Bạn có biết:

Tất cả các kiến thức về học công nghệ thông tin như: 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.

Như vậy, Bootstrap CSS Framework là gì?

Để thiết kế website nhanh chóng, bạn cần một CSS Framework và nổi tiếng nhất phải kể đến một CSS Framework và nổi tiếng nhất là kể đến Bootstrap. Chúng ta hiểu đơn giản, Bootstrap Framework là một thư viện CSS, HTML và JavaScript, framework này cho phép bạn thiết kế giao diện than thiện với các thiết bị di động hay còn gọi là responsive design, Bootstrap thiết kế sẵn cho bạn nhiều biểu mẫu cơ bản bằng HTML CSS và JavaScript, khi đó bạn chỉ cần chỉnh lại tùy chỉnh theo ý mình.

Tuy nhiên, những gì về Bootstrap CSS Framework bạn nghe có vẻ rất chuyên ngành, bạn không hiểu CSS là gì, HTML là gì? Chính vì thế, khóa học Bootstrap CSS Framework – CSS & Component của giảng viên Phó Hải Đăng trên Edu5.info ra đời chính là giúp chúng ta giải quyết vấn đề đó.

Nội dung khóa học Bootstrap CSS Framework

Khóa học Bootstrap này bao gồm 50 bài giảng và thời lượng học là 04 giờ 29 phút, khóa học mua một lần sở hữu trọn đời.

Khóa học 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ề Bootstrap 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.

Thêm nữa, bạn sẽ nắm được cách xây dựng đa giao diện bằng Multiple column class, biết cách dùng Typography…

Với những điều kể trên, còn chần chừ gì mà bạn không nhanh tay đăng ký ngay khóa học Bootstrap CSS Framework – CSS & Component trên Edu5.info!

Nội dung khóa học

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

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

• Bài 28: Tìm hiểu Glyphicon Component
• Bài 29: Tìm hiểu Dropdown Component
• Bài 30: Tìm hiểu Button Group Component
• Bài 31: Tìm hiểu Button Dropdown Component
• Bài 32: Tìm hiểu Input Group Component
• Bài 33: Sử dụng Input Group & Form Group
• Bài 34: Tìm hiểu Form Validation Style
• Bài 35: Tìm hiểu Navs Component
• Bài 36: Tìm hiểu Navbar Component – Cấu trúc cơ bản
• Bài 37: Tìm hiểu Navbar Component – Thêm một số thành phần cơ bản
• Bài 38: Tìm hiểu Navbar Component – Thu gọn Navbar khi responsive
• Bài 39: 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 40: Tìm hiểu Component Page Header & Jumbotron
• Bài 41: Tìm hiểu Thumbnail Component
• Bài 42: Tìm hiểu Pagination & Breadcrumb Component
• Bài 43: Tìm hiểu Media Object Component
• Bài 44: Tìm hiểu Alert, Badges và Label Component
• Bài 45: Tìm hiểu List Group Component
• Bài 46: Tìm hiểu Panel Component
• Bài 47: Tìm hiểu Wells Component
• Bài 48: Tìm hiểu Progress bars Component
• Bài 49: Tìm hiểu Responsive Embed Component