Xin chào một lần nữa !, Sau một thời gian ngắn, tôi trở lại một lần nữa với một bài viết phi kỹ thuật. Như Web-DEV, chúng tôi sử dụng và tìm kiếm tất cả các cách có thể, để hoàn thành công việc của chúng tôi một cách dễ dàng. Phần trực quan quan trọng nhất của Web-DEV, mặt trước, rất quan trọng để bắt mắt và mang đến trải nghiệm thân thiện với người dùng tốt đẹp cho người dùng. Để làm cho công việc này dễ dàng, chúng tôi sử dụng các khung CSS như Bootstrap. Vì vậy, sau nhiều năm tốt với nhiều đối thủ kỹ thuật, Bootstrap có còn tốt để tiếp tục không? Hãy xem về điều này trong blog hôm nay.FRONT-END, is very important to catch the eyes and to give a nice user-friendly experience for the user. To make this job easy, we use CSS frameworks like Bootstrap. So, after these many good years with many technical competitors, is Bootstrap still good to hang on with?
Let's see about this in today's blog.
Vì vậy, chúng tôi sẽ bắt đầu với
Bootstrap là gì?
Bootstrap là một khung CSS [phổ biến nhất], sử dụng thiết kế web dựa trên lớp. Trang web chính thức của Bootstrap mô tả chính nó là,
Thiết kế nhanh chóng và tùy chỉnh các trang web đầu tiên trên thiết bị di động đáp ứng với Bootstrap, bộ công cụ nguồn mở phía trước phổ biến nhất thế giới, có các biến số SASS và mixin, hệ thống lưới đáp ứng, các thành phần được xây dựng mở rộng và các plugin JavaScript mạnh mẽ.
Và điều đó hoàn toàn đúng, Bootstrap rất nhanh và cung cấp các lớp xây dựng đầu tiên trên thiết bị di động đáp ứng để đạt được ước mơ của chúng tôi về thiết kế đáp ứng của chúng tôi. Nó cung cấp một hệ thống lưới tuyệt vời [mà tôi yêu thích] và các plugin JavaScript [tôi ghét chúng bằng cách sử dụng jQuery, chúng tôi sẽ tham gia vào nó].
Đối thủ cạnh tranh
Bootstrap hiện phải đối mặt với một cuộc cạnh tranh hợp lý từ các khung CSS dựa trên bộ UI tương tự như Foundation và Bulma. Ngoài ra, nó cũng phải đối mặt với một cú đánh nghiêm trọng từ Tailwindcss. Bootstrap luôn bị chỉ trích vì tính không linh hoạt của nó. Tôi có thể nói, đó không phải là tính không linh hoạt, mà là lượng thời gian khổng lồ để tùy chỉnh các mặc định do Bootstrap cung cấp [nó cung cấp các thành phần UI mặc định, bởi vì đó là khung CSS dựa trên bộ UI]. Trong khi đó trong các khung như Tailwindcss, các lớp tiện ích, cung cấp tính linh hoạt ở cấp độ thấp, được cung cấp.Foundation and Bulma. Apart from these, It also faces a severe blow from TailwindCSS. Bootstrap is always criticized for its inflexibility. I would say, it's not inflexibility, but the huge amount of time taken for customizing the defaults provided by Bootstrap[It provides default UI components, because it's a UI Kit based CSS framework]. Whereas in frameworks like TailwindCSS, Utility classes, which provide low-level flexibility, are provided.
Bootstrap có nên lo lắng về cạnh tranh?
Tôi muốn nói Bootstrap không được thực hiện để hoạt động như Tailwindcss. Bootstrap đã được thực hiện để cung cấp cho các nhà phát triển ở tất cả các cấp, từ người mới bắt đầu đến nâng cao, khả năng nhanh chóng quay ra một giao diện người dùng đẹp mà không phải lo lắng về khả năng đáp ứng. Người dùng của Bootstrap chủ yếu là người mới bắt đầu, những người bắt đầu hành trình sử dụng các tiện ích CSS dựa trên lớp từ CSS thuần túy. Nó cũng có một đường cong học tập tốt, vì vậy mọi người sẽ sớm tốt hơn, vì các khung như Tailwindcss, Foundation và Bulma tương đối có một đường cong học tập dốc hơn.TailwindCSS. Bootstrap was made to provide developers of all levels, from beginners to advanced, the ability to quickly spin up a nice looking UI without worrying about responsiveness. Bootstrap's users are mostly beginners, who start their journey of using class based CSS utilities from pure CSS. It also has a good learning curve, so people get it better soon, as frameworks like TailwindCSS, Foundation and Bulma comparatively has a steeper learning curve.
Chúng ta có nên sử dụng bootstrap vẫn còn vào năm 2021 không?
Tất nhiên, nó là tốt nhất trong lớp đối với số lượng web nhanh chóng, nơi bạn muốn có một trang web hữu ích và đẹp mắt, không có bất kỳ pallet màu thương hiệu hoặc nhu cầu cụ thể pixel. Thậm chí ngày nay, hơn 19% trang web sử dụng bootstrap làm khung CSS của họ. Tôi có thể nói, đó là cửa ngõ có thể xảy ra nhất cho người học, những người tham gia vào các khung CSS dựa trên lớp học từ CSS và HTML thuần túy. Nếu bạn muốn một trang web nhanh chóng cho một trại khởi động mà bạn sắp xếp vào tuần tới, hãy tìm Bootstrap, nó sẽ nhanh hơn để xây dựng, mang lại khả năng đáp ứng.Bootstrap as their CSS framework. I would say, it's the most probable gateway for learners, who get into class based CSS frameworks from pure CSS and HTML. If you want a quick site for a Boot camp you arrange next week, go for Bootstrap, It's faster to build, gives responsiveness.
Bootstrap đang quay trở lại một lần nữa!
Như bạn đã biết, Bootstrap 5 đi kèm với một bản cập nhật hay từ 4. Nó buông bỏ jQuery và chuyển sang vani JavaScript. Vì vậy, bây giờ tốt như thế nào! Bootstrap cũng quản lý để mang lại hỗ trợ biểu tượng Bootstrap. Nó cũng đưa ra một số lớp tiện ích cấp thấp để tăng thêm tính linh hoạt. Nhìn chung, Bootstrap sẽ không chết, nhưng trở lại đúng hướng.
Bootstrap also managed to bring back the Bootstrap icon support.
It also came up with some low level utility classes for added flexibility. Overall, Bootstrap is not going to be dead, but getting back on track.
Cảm ơn đã đọc và theo dõi tôi! Nếu bạn không, hãy đảm bảo theo dõi tôi, để chúng tôi có thể học và thảo luận về công nghệ.
If you didn't, make sure to follow me, so
we can learn and discuss tech-stuff.
Thuộc tính:
Ảnh bìa: www.drupal.org
Trở lại vào năm 2013 khi Start Bootstrap được thành lập lần đầu tiên, trận chiến khung CSS đáp ứng đã diễn ra đầy đủ. Bootstrap đã làm việc hướng tới lần lặp thứ ba của khung của họ, và nền tảng sẽ sớm bị bỏ lại trong bụi. Vào cuối năm 2013, với các bản phát hành ổn định của Bootstrap 3 bắt đầu ra mắt, dường như Bootstrap đã chiến thắng trong cuộc chiến.
Nhanh chóng chuyển tiếp đến gần một thập kỷ sau. Với sự phát triển của các khung phía trước của JavaScript và một cảnh quan luôn thay đổi của công nghệ và công cụ, rất nhiều người ở ngoài đó hỏi liệu bootstrap có còn phù hợp vào năm 2021 không.
Câu trả lời ngắn gọn là có. Bootstrap không tự gọi mình là khuôn khổ phổ biến nhất thế giới để xây dựng các trang web đáp ứng, đầu tiên trên thiết bị di động. Trên GitHub, Bootstrap vượt qua các khuôn khổ sắp tới về mức độ phổ biến và với mức độ phát triển tích cực lành mạnh diễn ra, Bootstrap đang được cải thiện trên cơ sở gần như hàng ngày khi chúng làm việc theo các cột mốc tiếp theo của họ.
Giải quyết một số lời chỉ trích phổ biến
Nói về các cột mốc, Bootstrap đã chuyển Bootstrap 5 ra khỏi thử nghiệm beta vào các bản phát hành ổn định đầu tiên của họ, đây là một khuôn khổ rất khác so với người tiền nhiệm theo nhiều cách. Một trong những lời chỉ trích gần đây về Bootstrap là sự phụ thuộc của nó vào JQuery, điều này dường như không chơi tốt với rất nhiều lựa chọn phát triển phía trước hiện nay. Trong Bootstrap 5, JQuery đã bị loại bỏ, nơi mở ra rất nhiều cánh cửa cho các nhà phát triển muốn tránh xa sự phụ thuộc đặc biệt này.
Một lời chỉ trích phổ biến khác mà chúng ta thường nghe về Bootstrap là nó bao gồm quá nhiều trong cách của CSS Bloat. Chắc chắn, nếu bạn sử dụng toàn bộ thư viện, bạn sẽ mang đến một số tính năng không sử dụng, nhưng Bootstrap cung cấp một cách tiếp cận a-la-carte hơn. Hãy xem trang Tối ưu hóa mới trên các tài liệu Bootstrap 5 trong đó chúng bao gồm quá trình tối ưu hóa Bootstrap bằng cách sử dụng nhập khẩu Lean Sass, Lean JavaScript và các kỹ thuật khác để cắt giảm kích thước gói trong cài đặt triển khai. Nó giống như một bữa tiệc buffet nạc, ý nghĩa, bootstrap, nơi bạn có thể lấy mã bạn muốn ra khỏi bootstrap và bỏ phần còn lại phía sau!
Sự liên quan so với các khung mới hơn
Nhưng những gì về các khung khác? Những ngôi sao đang lên khác? Chúng tôi có CSS đuôi, khung đầu tiên tiện ích hoặc Bulma, khung tập trung vào một đường cong học tập dễ tiếp cận. Chúng tôi cũng có các công cụ như vật liệu góc hoặc UI vật liệu điều chỉnh ngôn ngữ thiết kế vật liệu Google Google trong bối cảnh của khung JS [Angular và React trong trường hợp này, tương ứng]. Trong thế giới hỗn loạn của các công nghệ phát triển phía trước, luôn có những công cụ mới ngoài kia, trong một số trường hợp, có thể phù hợp hơn với một dự án nhất định. Điều đó đang được nói, Bootstrap đã tiếp tục lặp lại và cải thiện. Kể từ Bootstrap 4, họ đã cung cấp một bộ đầy đủ của cả hai thành phần và tiện ích CSS, và với việc di chuyển ra khỏi jQuery, Bootstrap 5 hiện có liên quan hơn bao giờ hết trong nhiều trường hợp sử dụng.
Gói lên
Mặc dù rất công bằng khi cho rằng bootstrap đã bị lu mờ một chút gần đây bởi một số lựa chọn thay thế được chế tạo tốt, Bootstrap không có dấu hiệu chậm lại, và đối với nó, nó chắc chắn có liên quan vào năm 2021.