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 bật xác thực 2 lớp cho tài khoản Gmail

Gmail là một dịch vụ thư điện tử đến từ Google cung cấp cho người dùng miễn phí để gửi và nhận thư điện tử mau lẹ. Tuy nhiên khi sử dụng thường nhiều người không quan tâm tới việc xác thực 2 lớp. Chính vì thế hôm nay Thịnh hướng dẫn các bạn bật […]

Xem chi tiết →

Xóa “Gửi đến DESKTOP” trên trình duyệt Google Chrome

Hiện nay có nhiều người gặp phải tình trạng sau khi cài lại windows và cài chrome lên thì sẽ gặp hiện tượng ở chuột phải mỗi khi bạn lướt web bằng Google Chrome như hình sau Để khắc phục được điều này thì ở bản Google Chrome mới nhất Google đã tích hợp vào […]

Xem chi tiết →

Trình duyệt Blisk Browser dành cho Front End, Web Designer

Trình duyệt Blisk Browser một trong những trình duyệt được khá nhiều lập trình viên chuyên về mảng Front End, Web Designer sử dụng với khả năng của nó quả là hữu hiệu. Trình duyệt này chỉ tối ưu cho việc debug các lỗi cũng như kiểm tra trải nghiệm người dùng và giải lập luôn […]

Xem chi tiết →