12 Tháng 8, 2016 Tác giả: Thịnh Nguyễn Chuyên mục: Công cụ

Tổng quan về framework bootstrap trong lập trình web

bootstrap

Bootstrap là gì?

Bootstrap là một framework được phát triển bởi Twitter mà Twitter thì nó là mạng xã hội nổi tiếng tương tự như facebook. Bootstrap là một tợp hợp các thuộc tính, giá trị có sẵn giúp các web web designer tiết kiệm thời gian thực hiện một dự án web không phải tạo thêm các đoạn mã css, javascript, html,  Font trong khi chúng lặp đi lặp lại.

Bootstrap miễn phí hay tính phí?

Cũng giống như hầu hết các framework hiện nay, bootstrap là một framework thuộc dạng Open Source. Chính vì vậy chúng ta có thể sử dụng miễn phí mà không lo vấn đề bản quyền mà lại hoàn toàn miễn phí cũng như được nâng lên các phiên bản cao hơn.

Lịch sử hình thành framework Bootstrap

Bootstrap ban đầu có tên Twitter Blueprint , được phát triển bởi Mark Otto và Jacob Thornton làm việc tại Twitter trong khuôn khổ tạo ra sản phẩm có tính thống nhất cao và là sản phẩm cây nhà lá vườn của chính Twitter. Lý do hình thành là do có quá nhiều thư viện khác nhau dấn đến mỗi lần nâng cấp thì sẽ làm ảnh hưởng rất lớn tới sản phẩm của công ty và từ đó Mark Otto và Jacob Thornton đã nghiên cứu và cho ra đời framework bootstrap.

Sau một vài tháng phát triển bởi một nhóm nhỏ, nhiều nhà phát triển tại Twitter đã bắt đầu đóng góp cho dự án như công việc hàng ngày của các nhà phát triển Twiitter.

Twitter Blueprint được phát hành chính thức vào ngày 19 tháng 8 năm 2011 dưới dạng Open Source tức là mã nguồn mở với tên mới: Bootstrap.

Kể từ đó nó vân được tiếp tục duy trì phát triển bởi nhóm nhỏ các nhà phát triển cốt lõi cũng như cộng đồng rộng lớn đóng góp vào framework.

Đến 31 tháng 1 năm 2012 thì phiên bản Bootstrap 2 được phát hành. Phiên bản này được thêm vào các bố trí dạng lưới 12 cột với thiết kế tùy biến responsive cho nhiều màn hình kích thước.

Tiếp sao bản số 2 là bản Bootstrap 3 được công bố vào 19 tháng 8 năm 2013 với xu hướng phù hợp với thiết bị di động thông minh.

Vào ngày 29 tháng 10 2014, Mark Otto công bố bản kế tiếp là Bootstrap 4 đang được phát triển. Các phiên bản alpha đầu tiên của Bootstrap 4 được triển khai trên 19 tháng 8 năm 2015.

Tính năng của Bootstrap

Bootstrap tương thích hầu hết các trình duyệt hiện đại ngày nay như: Google Chrome, Firefox, Internet Explorer, Opera, Safai, Edge,…

Khả năng thích ứng với các kích thước màn hình thiết bị cao như: Điện thoại thông minh, máy tính bảng, máy tính.

Kể từ phiên bản Bootstrap 4 đã bổ sung thêm Saas và hỗ trợ Flexbox.

Cấu trúc và chức năng

Bootstrap được thiết kế theo dạng module, chính vì vậy nó hoàn toàn dễ dàng tích hợp với hầu hết các bộ mã nguồn mở như: WordPress, Joomla, Magento, NukeViet,…

Bootstrap cho phép bạn tùy chỉnh framework trước khi tải về sử dụng ngay tại trang web của framework.

Framework đã tích hợp các stylesheets đã được định nghĩa theo cách cơ bản nhất và bạn chỉ việc tích hợp với HTML

Tái sử dụng các thành phần trong vấn đề lặp đi lặp lại trên website.

Tích hợp sẵn Jquery và bạn chỉ việc sử dụng khai báo đúng thì các tính năng nó sẽ có trong quá trình bạn lập trình web.

Bootstrap định nghĩa sẵn glyphicons giúp giảm tối đa việc sử dụng hình ảnh làm icon và tăng tốc độ tải trang.

Đó là những gì mình chia sẻ còn đẻ sử dụng nó mình sẽ cập nhật ở bài tiếp theo.

Tác giả: Thịnh Nguyễn

Chuyên gia chia sẻ kiến thức về lập trình, thiết kế web và tối ưu hệ thống server.

Chia sẻ bài viết này:

0 bình luận

Để lại bình luận của bạn

Địa chỉ email của bạn sẽ không được công bố rộng rãi. Các trường bắt buộc được đánh dấu *

Bài viết liên quan

Hướng dẫn chuyển hướng từ http sang https bằng htaccess

SSL hiện nay khá phổ biến và được các quản trị viên website đăng ký mua hoặc sử dụng dịch vụ miễn phí để trình duyệt báo website có màu xanh trên thanh đường dẫn của trình duyệt. Tuy nhiên trong quá trình sử dụng thì các bạn sẽ gặp phải trường hợp vẫn còn […]

Xem chi tiết →

Hướng dẫn đăng ký tài khoản trên trang gitlab.com

Sau seri bài viết hướng dẫn cài gitlab lên máy chủ ảo thì ở bài này mình sẽ hướng dãn các bạn đăng ký tài khoản gitlab trên trang gitlab.com. Theo như những phải hồi của các bạn theo dõi blog của mình thì có nhiều bạn không biết cách xài gitlab ra sao vì […]

Xem chi tiết →

Hướng dẫn nâng cấp PHP cho Xampp trên máy tính Windows

XAMPP là một bộ cài đặt nhan chóng và tuyệt vời để có được Apache, PHP, Perl và MySQL để có thể thực hiện lập trình web và các lập trình khác. Cảnh báo! Nó không phải là nhằm để được sử dụng dành cho máy chủ bởi thiết lập của nó hướng tới người sử […]

Xem chi tiết →