Vanilla css có tốt hơn bootstrap không?

Nếu bạn là người mới bắt đầu, một người mới bắt đầu phát triển web. Bạn phải khám phá rất nhiều tài nguyên từ đó bạn có thể học cách xây dựng nhiều thứ tuyệt vời. Bạn có thể hoặc không được bạn bè khuyên bắt đầu sử dụng Bootstrap, Material-UI, Pure CSS, v.v. Lợi ích của việc sử dụng chúng là gì, cách bạn có thể nhanh chóng thiết lập mọi thứ với vài dòng mã. Không còn nghi ngờ gì nữa vì bạn là người mới bắt đầu, bạn có thể bắt đầu làm điều đó. Cho nên,

⚠⚠Hãy dừng lại. đừng làm thế

3 năm trước khi tôi bắt đầu hành trình của mình trong lĩnh vực Phát triển Web. Đây là điều mà tôi hoàn toàn bối rối, liệu tôi có nên học CSS từ đầu hay tôi chỉ nên học những điều cơ bản nho nhỏ và nhảy vào những khung CSS bắt mắt, hấp dẫn đó.
Tôi hoàn toàn là một người mới trong lĩnh vực công nghệ Web (mặc dù có kiến ​​thức kha khá về C, C++ ). Vẫn rất khó để lựa chọn. Một mặt, tôi phải học các khái niệm như phần đệm, lề, cách làm cho một nút đẹp và mặt khác **Bootstrap *đang dạy một lớp học nhỏ
*"btn btn-success" .

Beautiful button

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

và cái nút mà tôi biết trông như thế này

Vì những lý do rõ ràng, tôi chọn Bootstrap thay vì vanilla CSS và giờ đây việc tạo Navbar thật dễ dàng, hãy sao chép mã soạn sẵn từ trang web bootstrap và hoàn thành công việc của bạn 😁. Rõ ràng là tôi rất thích xây dựng các trang web, các thành phần một cách dễ dàng như vậy nhưng khi phải giải thích mọi thứ cho người khác, chẳng hạn như cách nó được thực hiện, những gì đang diễn ra đằng sau hậu trường, tôi gần như không biết gì cả. Tôi thiếu hiểu biết cơ bản về mọi thứ

1. Do mình trực tiếp chọn framework nên chưa hiểu cơ bản về CSS
2. Tôi thậm chí còn không quen thuộc với các khái niệm cơ bản về hộp linh hoạt, lưới, chuyển tiếp, v.v.
3. Tôi đã quá tự tin về những điều tôi không biết gì về
4. Rõ ràng là tôi hối hận về quyết định đó sau này

Tua nhanh 3 năm. Bây giờ tôi không cần bất kỳ khuôn khổ nào để xây dựng bất cứ thứ gì, tôi có thể tạo mọi thứ từ đầu. (Vâng, tôi đã học lại mọi thứ từ con số 0)

Câu trả lời ngắn

• Bạn có thể đã nghe nói về việc học bằng cách làm, có lẽ đó cũng là trường hợp của CSS, nếu bạn viết các phong cách của riêng mình mà không cần sự trợ giúp từ bất kỳ khuôn khổ nào, chắc chắn bạn sẽ học nó theo cách tốt hơn
• Bạn có toàn quyền kiểm soát những điều xảy ra trên trang, bởi vì bạn đã viết nó theo cách của mình, không có khuôn khổ nào can thiệp vào phần đệm, độ rộng lề, v.v. Mặt khác
• Khung CSS giúp công việc nhanh hơn
• Mã soạn sẵn giúp mọi thứ thoải mái, nếu gặp khó khăn, bạn có thể tham khảo tài liệu

Câu trả lời dài

Nếu bạn là người mới bắt đầu, cơ bản về CSS là rất quan trọng. Điều rất quan trọng là phải biết điều gì đang xảy ra trên trang, nội dung đang trôi chảy như thế nào trên trang, cách các yếu tố tự điều chỉnh theo không gian có sẵn, mô hình hộp là gì

Các khung không dạy cho bạn tất cả những điều đó

Là người mới bắt đầu, bạn có thể viết mã không được tối ưu hóa. Không sao cả khi button của bạn trông không chuyên nghiệp. Tất cả điều đó sẽ đến theo thời gian. Vì vậy, hãy học những điều cơ bản trước và quan trọng nhất là đừng sợ hãi khi nhìn vào mã mà một chuyên gia đã viết. Bạn sẽ viết rằng một ngày nào đó có thể tốt hơn. Vì vậy, những điều cơ bản đầu tiên

Ưu điểm của việc sử dụng Vanilla CSS

1. Bạn biết mọi thứ hoạt động như thế nào, cách hoạt động của phần đệm, box-sizing: border-box là gì, v.v.
2. Kiểm soát tất cả các phong cách
3. tùy biến tốt hơn
4. Bạn có thể biến thiết kế của mình thành hiện thực
5. Bạn có thể lấy cảm hứng từ một thiết kế và thực hiện nó
6. Bạn không cần phải phụ thuộc vào người khác từ những thay đổi trong phong cách của bạn
7. Bạn sẽ học các cách viết mã tốt nhất trong khi viết nó
8. Bạn có thể học cách làm mới và tốt hơn theo thời gian
9. Chắc chắn sẽ giúp bạn trở thành một nhà phát triển web tốt hơn theo thời gian

* Khi bạn thành thạo các kỹ năng CSS của mình, bạn có thể tạo khuôn khổ của riêng mình cho các dự án đồ chơi cá nhân. Nhân tiện, tôi đã tạo một cái, bạn có thể kiểm tra nó tại EaseCSS *

Nhược điểm khi sử dụng Khung CSS
( nếu bạn trực tiếp tham gia)

1. Bạn sẽ thiếu hiểu biết cơ bản về CSS
2. Bạn có ít quyền kiểm soát hơn đối với màu sắc, phần đệm, lề, v.v.
3. Nếu bạn sao chép mã soạn sẵn, nó có thể cồng kềnh vì nó chứa nhiều thứ không cần thiết mà bạn thực sự không cần
4. Rất nhiều trang web sử dụng các khung này nên mọi thứ có thể trông giống nhau (đôi khi có thể giống như sao chép)
5. Ngoài ra, bạn có thể cần ghi đè lên nhiều lớp hoặc sử dụng các thủ thuật bẩn thỉu như !important để thực sự đạt được phong cách bạn muốn
6. Các khung CSS cần được nhập có thể thông qua CDN và điều đó có thể nhập gói đầy đủ và sẽ làm cho cơ sở mã trông cồng kềnh, trong khi tất cả những gì bạn yêu cầu có thể chỉ là một button, một Navbar, v.v.
7. Nếu bạn không biết điều gì đang xảy ra, việc gỡ lỗi có thể thực sự khó khăn.

Không còn nghi ngờ gì nữa, các khung CSS là một trong những điều tốt nhất từng xảy ra trong ngành Phát triển Web. Nó mang lại cho các nhà phát triển sự linh hoạt trong việc viết mã và tiết kiệm rất nhiều thời gian của họ. Bạn có thể đang làm việc với một tổ chức sử dụng khuôn khổ mà bạn đã quen thuộc nên sẽ không gặp nhiều khó khăn để ổn định ở đó. Vì vậy, có Các khung có ích

Nhưng chỉ có một thời gian sau đó bạn nên nghĩ đến việc sử dụng chúng. Offocourse nếu bạn đã đọc đến đây lâu thì bạn đã biết nó,

Chỉ khi bạn hiểu rõ các khái niệm cơ bản, những thứ cơ bản như flex-box,

Vanilla CSS
.btn {
font-size: 1rem;
padding: 0.7rem 0.5rem;
margin: 0.5rem;
border-radius: 5px;
background-color: crimson;
}

0,

Vanilla CSS
.btn {
font-size: 1rem;
padding: 0.7rem 0.5rem;
margin: 0.5rem;
border-radius: 5px;
background-color: crimson;
}

0, v.v., thì bạn mới có thể nghĩ đến việc sử dụng các khung

Ưu điểm của việc sử dụng các khung CSS

1. Tiết kiệm rất nhiều thời gian trong việc viết mã chỉ bằng cách khai báo một vài lớp. e. g. ,

css vani

Vanilla CSS
.btn {
font-size: 1rem;
padding: 0.7rem 0.5rem;
margin: 0.5rem;
border-radius: 5px;
background-color: crimson;
}

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

Bootstrap

CSS Framework

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

bạn thấy nó tiết kiệm thời gian

1. Phong cách nhất quán trên toàn bộ dự án
2. Sản xuất và vận chuyển dự án trở nên nhanh hơn
3. Bạn không phải lo lắng về khả năng tương thích giữa nhiều trình duyệt
4. Dễ sử dụng, vì rất nhiều mã ví dụ được cung cấp trong trang web tài liệu nơi bạn có thể tham khảo nếu gặp khó khăn
5. Bạn hầu như không phải lo lắng về mã được tối ưu hóa

Nhược điểm của Vanilla CSS

1. Kiểu dáng có thể không nhất quán
2. Tối ưu hóa mã có thể là một vấn đề nếu bạn là người mới bắt đầu
3. Phải quan tâm nhiều đến khả năng tương thích giữa các trình duyệt
4. Quá trình sản xuất có thể hơi chậm vì bạn đang viết mã từ đầu

Không còn nghi ngờ gì nữa, các khung là tuyệt vời. Vanilla CSS đôi khi có thể thực sự lộn xộn và ngược lại. Nhưng bạn nên biết khi nào nên sử dụng cái gì và sử dụng cái gì ở đâu

Tôi hy vọng biết bạn có một sự hiểu biết công bằng về cả hai thế giới. Rõ ràng là có thể có nhiều tranh luận hơn về cả hai và cuộc tranh luận có thể không bao giờ kết thúc nhưng tôi đã cố gắng trình bày ngắn gọn nhất có thể

CSS vani có tốt hơn không?

Bootstrap có nhanh hơn CSS không?

CSS vani là gì?

Cái nào tốt hơn giữa Bootstrap và Tailwind CSS?