Bootstrap là gì và khi nào tôi nên sử dụng nó?

Bootstrap giúp xây dựng các trang web đáp ứng nhanh chóng.

Phần mềm mã nguồn mở và miễn phí cung cấp cho chúng ta nhiều lựa chọn thay thế cho nhiều thứ. Điều này làm cho rất khó để biết cái nào là tốt nhất để sử dụng. Hãy bắt đầu bằng cách nói rằng nếu bạn không cần một trang web, bạn không cần biết nó là gì bootstrap và khi nào thì nên sử dụng.

Ngày xưa, để tạo một trang web, bạn có thể có được bằng notepad hoặc thậm chí là một trình xử lý văn bản, nhưng khi bạne các trang đang tăng tương tác và nội dung phải được cập nhật thường xuyên hơn, cần phải sử dụng các công cụ mới để tạo chúng.

Bootstrap là gì và khi nào tôi nên sử dụng nó?

Mặt khác, các trình biên tập trực quan như Macromedia (sau này là Adobe) Dreamweaver đã xuất hiện cho phép bạn viết mã cũng như chỉnh sửa nội dung trực quan. Trong Linux, chúng tôi có các công cụ như Kompozer hoặc NVU, mặc dù chúng không có các tính năng giống nhau, nhưng thực hiện nhiệm vụ khá dễ dàng.

Nếu bạn giỏi viết mã thì không thể thiếu công cụ. Anjuta hoặc Eclipse là môi trường phát triển lý tưởng cho các lập trình viên chuyên nghiệp.

Theo thời gian, các nhà quản lý nội dung đã xuất hiện như WordPress Drupal o JoomlaLoại phần mềm này có thể bỏ qua việc viết mã để tập trung vào việc tạo nội dung.. Chúng hóa ra là sự thay thế lý tưởng cho những nơi như Linux Adictos trong đó một số tác giả liên tục cập nhật nội dung.

Hãy để tôi giải thích điều này một chút.

Theo quan điểm của mã hóa, một trang web bao gồm:

  • Loại tài liệu: Nó cho trình duyệt biết phiên bản HTML nào đang được sử dụng.
  • Vùng chứa HTML: Nó cho trình duyệt biết điểm bắt đầu và kết thúc của tài liệu HTML và có thể bao gồm thông tin bổ sung như ngôn ngữ.
  • Đầu chứa: Nó bao gồm thông tin hữu ích cho trình duyệt và các công cụ tìm kiếm như tiêu đề của trang, tác giả, mô tả ngắn gọn về nội dung và danh sách các thuật ngữ có liên quan. Ngoài ra, nó cho trình duyệt biết nơi tìm hướng dẫn về cách hiển thị nội dung trên màn hình.
  • Hộp đựng cơ thể: Đây là tất cả nội dung mà người dùng sẽ thấy trong trình duyệt.
  • Câu lệnh script: Nó cho trình duyệt biết nơi tìm hướng dẫn bằng một số ngôn ngữ lập trình nhất định như Javascript hoặc PHP cho phép bạn thêm tương tác hoặc gửi biểu mẫu qua thư.

Các phần khác nhau của tài liệu bên trong vùng chứa Body là:

  • Tiêu đề: Đây là nơi hiển thị tiêu đề của trang web. Nó có thể chứa logo, liên kết, thanh điều hướng hoặc thông tin nổi bật khác.
  • Điều hướng: Vùng chứa này được sử dụng để tạo menu điều hướng cho phép truy cập vào các phần chính của trang web.
  • Article: Cái tên khá mô tả về chức năng. Nó được sử dụng để phân biệt các chủ đề khác nhau trong một trang web. Ví dụ: bài đăng này xuất hiện trên trang chính của Linux Adictos.
  • Phần: Tách các phần khác nhau của một bài báo.
  • Qua một bên: Nhóm nội dung hiển thị ở bên cạnh trang.
  • Chân trang: Hiển thị thông tin ở cuối trang. Nó thường được sử dụng để hiển thị thông tin như chỉ đường, liên kết đến các trang web khác và lặp lại menu.

Có các vùng chứa để đánh dấu các phần khác nhau của văn bản như h (1 đến 6) op cho biết tiêu đề và đoạn văn tương ứng.

Nếu không có người quản lý nội dung, mỗi khi các tác giả của Linux Adictos Chúng tôi muốn xuất bản một bài báo, chúng tôi sẽ phải viết lại toàn bộ mã trang từ đầu.  Ngoài ra, chúng ta nên cập nhật thủ công thứ tự của trang chính và danh sách các bài báo theo danh mục.

Và, nếu quản trị viên thực hiện thiết kế lại hoặc kích thước màn hình mới xuất hiện, thì cần phải cập nhật các biểu định kiểu.

Vấn đề của người quản lý nội dung

Mặc dù người quản lý nội dung là lý tưởng trong các điều kiện chúng tôi đã đề cập, chúng rất lãng phí tài nguyên trong trường hợp các trang web không được cập nhật thường xuyên, chẳng hạn như các trang web công ty hoặc thông tin có ít thay đổi.  Mặt khác, chúng bao gồm việc sử dụng cơ sở dữ liệu và sự phổ biến của chúng khiến chúng trở thành đối tượng của các cuộc tấn công thường xuyên, đòi hỏi chúng phải được cập nhật.

Trong trường hợp cụ thể của WordPress, theo ý kiến ​​của tôi, nó đang trở thành bloatware. Ngày càng có nhiều chủ đề yêu cầu cài đặt các tiện ích bổ sung mà trong nhiều trường hợp, chúng hoàn thành chức năng tương tự như các chủ đề bạn đã cài đặt. Và, hầu hết các lợi ích tốt nhất là theo phương thức thanh toán. Và, chúng không hề rẻ.

Đây là lúc các framework mã nguồn mở như Bootstrap trở nên hữu ích.  Hãy nghĩ về Bootstrap như một hộp gạch Lego thay vì xây dựng những thứ được sử dụng để xây dựng các trang web dễ dàng thích ứng với mọi kích thước màn hình. Bạn không cần phải phát minh lại bánh xe vì nó đi kèm với hầu hết mọi thứ bạn có thể cần như các nút, biểu tượng và chủ đề. Tuy nhiên, đồng thời bạn có thể linh hoạt để thiết kế của bạn không giống những thiết kế khác.

Trong bài tiếp theo chúng ta sẽ xem cách sử dụng 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ố. Các trường bắt buộc được đánh dấu bằng *

*

*

  1. Chịu trách nhiệm về dữ liệu: AB Internet Networks 2008 SL
  2. Mục đích của dữ liệu: Kiểm soát SPAM, quản lý bình luận.
  3. Hợp pháp: Sự đồng ý của bạn
  4. Truyền thông dữ liệu: Dữ liệu sẽ không được thông báo cho các bên thứ ba trừ khi có nghĩa vụ pháp lý.
  5. Lưu trữ dữ liệu: Cơ sở dữ liệu do Occentus Networks (EU) lưu trữ
  6. Quyền: Bất cứ lúc nào bạn có thể giới hạn, khôi phục và xóa thông tin của mình.

  1.   Richard Watterson dijo

    Một bài báo thú vị, mặc dù tôi nghĩ rằng tiêu đề thích hợp sẽ là người quản lý nội dung và các vấn đề hiện tại, ở đây họ không giải thích bất cứ điều gì về bootstrap.
    Còn gì nữa…
    Bootstrap là một thư viện / framework / library cho phép chúng ta thiết kế các trang web responsive rất đẹp, bạn có thể tạo một trang web mà không cần biết nhiều về CSS, bạn có thể tạo một theme WordPress, nhưng bạn nên dành nhiều thời gian để tối ưu nó. giá trị lớn nhất.
    CMS như WordPress được thiết kế để cải thiện việc bảo trì một trang web, đó là lý do tại sao chúng rất linh hoạt, bạn có thể tạo blog, trang web kinh doanh, cửa hàng, diễn đàn, v.v. và tất cả mà không cần chạm vào một dòng mã nào.
    Các chủ đề trong trường hợp của WordPress, có rất nhiều chủ đề khá đơn giản, phù hợp với blog cá nhân, thứ không đòi hỏi sự hấp dẫn trực quan hơn. Trong trường hợp các chủ đề "hấp dẫn", chúng thường bao gồm các plugin, cung cấp các chủ đề với chức năng cao hơn, bạn có thể thêm trình tải, mega menu, hoạt ảnh và hơn thế nữa, rất hiếm khi plugin bao gồm CSS.
    Đó là lý do tại sao…
    1.- Tránh sử dụng toàn bộ gói bootstrap, chỉ tải những gì bạn cần.
    2.- Đối với WordPress, hãy đầu tư vào một hosting tốt, điều này sẽ cải thiện thời gian tải của bạn, bạn có thể chọn sử dụng CDN để cải thiện việc tải các chủ đề của mình.
    3.- Nếu bạn sử dụng CMS dựa trên PHP, đừng mong đợi tốc độ lớn, đúng là chúng có thể được tối ưu hóa, nhưng người có kiến ​​thức phải làm điều đó.
    4.- Việc phát triển và duy trì một chủ đề WordPress không nhất thiết phải rẻ hoặc dễ dàng. Có rất nhiều lỗ hổng được phát hiện hàng ngày và việc giải quyết chúng mà không có kiến ​​thức phù hợp có thể phức tạp, đầu tư vào một mẫu từ một biên tập viên có kinh nghiệm có thể là phù hợp nhất, tất nhiên, đó là vấn đề kinh tế, nhưng nó đáng giá.

    1.    Diego người Đức Gonzalez dijo

      Đây là bài viết đầu tiên trong loạt bài này.
      Cảm ơn vì đầu vào của bạn

    2.    Jorge dijo

      Bài viết hay. Tôi sẽ đợi phần tiếp theo.