Hướng dẫn when to use bootstrap and when not to - khi nào thì sử dụng bootstrap và khi nào thì không

Đối với nhiều nhà phát triển web, Bootstrap là cách để đi khi bạn phải tạo một trang web hoặc ứng dụng. Nhưng trong năm năm tôi đã tạo ra các trang web, tôi đã tìm thấy những điều khiến tôi thay đổi quyết định sử dụng Bootstrap và tôi đã thay đổi cách tôi tạo ra các trang web gần như hoàn toàn.

Xin chào! Tên tôi là CodeDgar và hôm nay tôi muốn nói về lý do tại sao tôi không sử dụng bootstrap nữa. Vì đó là một câu hỏi mà các sinh viên, đồng nghiệp và người dân, nói chung, đã hỏi tôi rất nhiều gần đây: Tại sao tôi không sử dụng bootstrap?

Hãy bắt đầu với lịch sử của tôi (Tôi sẽ rất ngắn, Hứa C :) Khi tôi bắt đầu làm việc trên Frontend Web Development, điều đầu tiên tôi vượt qua là Bootstrap. Và với điều đó, tôi nghĩ rằng tôi đã phát triển thành thạo, thật dễ dàng, nhanh chóng để sử dụng và nó có rất nhiều thành phần! Tốt đẹp!

Nhưng khi công việc của tôi tiến triển và các trang web ngày càng trở nên tùy chỉnh, tôi bắt đầu thấy Bootstrap hơi không đáng tin, và đó là khi tôi đi đến kết luận về lý do tại sao tôi không sử dụng Bootstrap trong các tác phẩm mới của mình.

Để hiểu dễ dàng hơn, tôi đã chia bài viết này về lý do tại sao tôi không sử dụng nó, hãy tận hưởng:

1- Trọng lượng 2- Thành phần và Tiện ích 3- Kiểu dáng
2- Components and Utilities
3- Styling

1- Trọng lượng:

"Trọng lượng? Nhưng bootstrap dưới 500kb". Vâng, tôi nhận thức được điều đó. Nhưng chúng ta hãy xem xét số lượng bootstrap chúng ta thực sự sử dụng. Và sử dụng Bootstrap có nghĩa là bạn cũng phải sử dụng jQuery, vì vậy nếu bạn tạo một trang đích với bootstrap, bạn sẽ phải sử dụng jQuery, bootstrap CSS và bootstrap js. Tất cả các tài nguyên này sẽ không được sử dụng ngay cả một nửa nếu bạn sử dụng Bootstrap. Và điều đó đưa tôi đến vấn đề tiếp theo của tôi.

2- Thành phần:

"Thiếu?" Không, hoàn toàn không, thực sự là ngược lại. Bootstrap có rất nhiều thành phần và tiện ích, đến nỗi bạn gần như chắc chắn sẽ không bao giờ sử dụng một nửa trong số chúng. Và bạn có thể lập luận rằng với NodeJS, bạn có thể biên dịch và chỉ sử dụng CSS mà trang web sử dụng, nhưng với HTML đơn giản cho máy chủ có cPanel, điều này là không thể (ít nhất là tôi biết). Vì vậy, có số lượng lớn các thành phần mà bạn có thể sẽ không sử dụng và dù sao chúng cũng sẽ ở đó.

Đây không phải là vấn đề của bootstrap, mà là nhiều khung tôi thấy, như vật chất hóa hoặc uikit, nơi có các thành phần mà hầu hết mọi người sẽ không sử dụng và có những lớp học có thể được chia thành một phong cách, như:

.modal-top-left{top:5%;left:5%}

Và như vậy đối với phương thức-đỉnh, chân trái phương thức, bên trái phương thức. Nếu bạn muốn thay đổi vị trí của phương thức, bạn hoàn toàn có thể làm điều đó chỉ với một lớp, việc thêm các lớp này chỉ là ngu ngốc.

3- Kiểu dáng:

Mặc dù Bootstrap rất dễ sử dụng, nhưng không dễ để tùy chỉnh như bạn nghĩ. Một số thành phần sẽ yêu cầu bạn sử dụng! Quan trọng nhiều lần, điều này không lý tưởng khi tạo CSS. Và phải ghi đè các kiểu mặc định của Bootstrap cũng giống như phải tạo CSS của riêng bạn từ đầu.

Tôi sử dụng cái gì sau đó?

Hầu hết mọi người tại thời điểm này chỉ nói "Vậy thì sao? Bạn tạo CSS từ khi bắt đầu và không sử dụng bất kỳ khuôn khổ nào?" Và tốt, tôi không tạo CSS của mình từ đầu và tôi sử dụng khung, mà chỉ để quản lý các cột của trang web. Khung tôi sử dụng được gọi là Flexbox Grid và nó chỉ đi kèm với các cột và hàng, không có gì hơn. Và nó chỉ có trọng lượng 1,9kb! Vì vậy, trên một trang web có 1 trang chủ và 4 trang phụ, tổng số CSS (bao gồm cả Flexbox Grid) chỉ là 5kb. Đối với tôi, điều đó thật nhanh đáng kinh ngạc!

Và tôi có nên sử dụng bootstrap không?

Chà, có một cái gì đó tôi không thể phủ nhận và đó là nếu bạn cần phát triển thứ gì đó cực kỳ nhanh, bạn có thể sử dụng Bootstrap. Và nếu bạn đang nghĩ nếu bạn nên, hoặc không nên sử dụng bootstrap, hãy tự hỏi:

1- Tôi sẽ sử dụng một số thành phần của bootstrap chứ? 2- Tôi đang vội vàng phát triển mặt tiền này? 3- Thiết kế có quan trọng cho việc này không?
2- Am I in a rush to develop this frontend?
3- Is the design important for this?

Nếu câu trả lời của bạn là: Có, có, và không; Hãy tiếp tục và sử dụng bootstrap mà không xấu hổ.

Thêm: Tôi có ghét bootstrap không?

Dĩ nhiên là không. Tôi nghĩ rằng điều đó thật tuyệt vời khi phát triển các trang web nhanh hơn và dễ dàng hơn, nhưng tôi sẽ không sử dụng nó nữa vì tôi thích làm các thành phần của riêng mình và tạo ra hầu hết mọi thứ bằng tay. Tôi biết rằng bootstrap sẽ sống dọc theo một người vẫn được sử dụng bởi rất nhiều người, và điều đó hoàn toàn ổn :)

Bạn nghĩ sao? Bạn có sử dụng bootstrap không?

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

Khi nào tôi không nên sử dụng bootstrap?

Có cần thiết phải sử dụng bootstrap không?

Tôi có nên ngừng sử dụng bootstrap không?

Khi nào tôi nên sử dụng Bootstrap và khi nào nên sử dụng CSS?