Facebook có sử dụng Bootstrap không

Bootstrap được các nhà phát triển Twitter phát triển vào năm 2011 nhằm tăng tốc độ phát triển và bố trí các phần tử giao diện người dùng. Cùng năm đó, nhóm đã phát hành nó dưới dạng một khung mã nguồn mở. Ngày nay, Bootstrap là một trong những thư viện phát triển web giao diện người dùng được sử dụng nhiều nhất trên thế giới.  

Bootstrap là gì?

Bootstrap là một thư viện phát triển giao diện người dùng mạnh mẽ được tạo bởi cựu nhân viên Twitter Mark Otto và Jacob Thornton, bao gồm các thành phần HTML, CSS và JS dựng sẵn để xây dựng các trang web đáp ứng đầu tiên trên thiết bị di động ở mọi quy mô và độ phức tạp. Bootstrap về cơ bản giúp tiết kiệm cho các nhà phát triển rất nhiều thời gian viết CSS và HTML bằng cách cung cấp các mẫu miễn phí làm điểm khởi đầu cho dự án web của bạn

Tại sao nên sử dụng Bootstrap?

Phát triển ứng dụng web là tất cả về tiêu thụ và xuất bản thông tin. Đặc biệt, việc tiêu thụ phải dễ tiêu hóa nhất có thể. Điều đó có nghĩa là thông tin của bạn có thể truy cập được trên mọi thiết bị. Một cách hấp dẫn trực quan và cân bằng.  

1. Hệ thống lưới đáp ứng
   Hệ thống lưới linh hoạt, dễ hiểu của Bootstrap, cũng như thư viện Bootstrap rộng lớn gồm các thành phần trình cắm, có nghĩa là bạn có thể tạo một hệ thống có chức năng, đáp ứng . Bootstrap được xây dựng dựa trên khái niệm phát triển ưu tiên thiết bị di động, vì vậy nội dung của bạn sẽ mở rộng hoàn hảo cho thiết bị di động mà bạn không cần phải thực hiện quá nhiều. Sau đó, bạn có thể quyết định thành phần nào sẽ hiển thị hoặc nội dung sẽ điều chỉnh như thế nào khi kích thước màn hình thay đổi. Ngay lập tức, bạn có thể bắt đầu một dự án rất nhanh chóng.
2. Dễ dàng tùy chỉnh
   Với một chút kiến ​​thức về CSS, tất cả các thành phần trực quan của Bootstrap đều có thể tùy chỉnh. Điều này có nghĩa là ngay cả khi sử dụng các thành phần Bootstrap có sẵn, trang web của bạn vẫn có thể trông nguyên bản. Bạn có thể thiết kế lại các nút, phương thức, thanh điều hướng, liên kết và menu và nhiều tổ chức lớn hơn làm điều này để cá nhân hóa trải nghiệm người dùng. Trang web của Forbes Ấn Độ sử dụng vanilla Bootstrap. Ngay cả trang web chính của Forbes cũng sử dụng phiên bản tùy chỉnh của Bootstrap 3. Vì vậy, với một số công việc thông minh, một dự án Bootstrap không cần phải trông giống như một dự án Bootstrap.
3. Kết nối JavaScript
   Có hơn một tá plugin JQuery tùy chỉnh mà các nhà phát triển có thể sử dụng với Bootstrap để trang web của họ không chỉ có giao diện bắt mắt mà còn có tính tương tác đầy đủ. Bạn có thể sử dụng bao nhiêu hoặc ít trong số này tùy theo nhu cầu của mình để có được chính xác những gì bạn muốn từ trang web của mình.
4. Thư viện lớn gồm các thành phần tương tác
   Menu di động có thể thu gọn? . Bạn có thể tạo các thành phần tương tác, có phong cách đẹp mắt trên trang web của mình mà không cần viết mã. Hầu hết chúng chỉ yêu cầu thêm một tên lớp đơn giản vào phần tử
5. Cộng đồng Bootstrap
   Có hàng nghìn mẫu và ví dụ về cách bạn có thể tùy chỉnh Bootstrap. Hãy xem các ví dụ trên CodePen để xem các cách sáng tạo mà Bootstrap có thể được tùy chỉnh và – tất nhiên là với sự phân bổ chính xác – hãy thử một số trong các dự án của riêng bạn. Với một chút trợ giúp từ cộng đồng, bạn có thể đưa dự án Bootstrap của mình lên một tầm cao mới.

Tóm lại, Bootstrap đã trải qua một chặng đường dài kể từ khi được thành lập như một hướng dẫn về phong cách cho các dự án Twitter nội bộ. Nó hiện là một thư viện front-end hoàn thiện, mạnh mẽ cho phép bạn tập trung vào việc thực hiện tầm nhìn của mình. Đồng thời, nó thực hiện công việc khó khăn là thay đổi kích thước nội dung của bạn để trông đẹp mắt trên các kích thước màn hình khác nhau bên dưới. Chỉ vì trang web của bạn dựa trên Bootstrap, không có nghĩa là nó phải giống “Bootstrappy”. Vâng, đó là một từ tôi vừa phát minh ra.  

Thử thách mã hóa miễn phí

Bootstrap là một trong nhiều thứ bạn sẽ học trong chương trình Phát triển phần mềm Full Stack của Code Institute. Tuy nhiên, nếu bạn muốn tìm hiểu miễn phí một số HTML, CSS và Javascript cơ bản, tại sao không thử Thử thách viết mã 5 ngày miễn phí của chúng tôi?

Gần đây tôi đang xem xét giao diện người dùng và chức năng của Facebook, tôi thực sự thích ý tưởng về thiết kế của họ và hiệu suất tuyệt vời của nó trên tất cả các trình duyệt chính. Đối với những người đam mê Ứng dụng web như bản thân tôi, ước mơ của tôi là được làm việc trong một công ty lớn như vậy, nơi mục tiêu là cung cấp sản phẩm tốt nhất cho tất cả người dùng. Tôi muốn thử sức mình bằng cách xây dựng trang chủ của Facebook, nhưng đáp ứng 100%, tôi cũng muốn dự án này đạt hiệu suất tốt nhất, vậy nên. dưới đây là kết quả của tuần làm việc chăm chỉ của tôi

Checkout Demo Kiểm tra điểm trên Google Pagespeed

Thiết kế

• Được tối ưu hóa hoàn toàn, ứng dụng này hiện đạt điểm 100/100 (Di động và Máy tính để bàn) trên Google Page Speed ​​Insights
• Được tạo bằng Bootstrap 3
• Tuân theo kiểu dựa trên thẻ, đây là mẫu bố cục phổ biến được sử dụng bởi các ứng dụng web phổ biến như Facebook, Twitter, Google +, Linkedin, v.v.
• Không giống như bố cục trang web hiện tại của Facebook, ứng dụng này Hoàn toàn đáp ứng
• Đã làm theo chủ đề ứng dụng dành cho thiết bị di động của Facebook dành cho màn hình nhỏ hơn
• Sử dụng Font Awesome cho tất cả các nút / biểu tượng
• Facebook liên tục cập nhật thiết kế trang web của họ, nhưng hầu hết người dùng hầu như không nhận thấy điều đó. Tôi đã làm theo pixel thiết kế của Facebook theo pixel, màu sắc, nền. Mọi thứ bạn thấy trong ứng dụng chính xác là giao diện của Facebook vào thời điểm ứng dụng này được tạo. Thật không may, tôi không có ý định duy trì ứng dụng này vì nó không phải là một sản phẩm

chức năng

Tôi đã chọn thủ công một danh sách các chức năng sẽ được đưa vào ứng dụng này. Bất cứ thứ gì tạo, xóa và cập nhật đều không được bao gồm. bao gồm là

Những công ty nào sử dụng Bootstrap?

Bootstrap có phải do Facebook tạo ra không?

Facebook sử dụng khung CSS nào?

Những trang web nổi tiếng nào sử dụng Bootstrap?