Что такое Bootstrap и когда мне следует его использовать?

Бесплатное программное обеспечение с открытым исходным кодом предлагает нам множество альтернатив для многих вещей. Это затрудняет понимание того, какой из них лучше всего использовать. Начнем с того, что если вам не нужен веб-сайт, вам не нужно знать, что это такое. Начальная загрузка и когда его следует использовать.

Раньше для создания веб-сайта можно было обойтись блокнотом или даже текстовым процессором, но теперьe страницы набирали интерактивность и контент приходилось обновлять чаще, возникла необходимость в использовании новых инструментов создать их.

Что такое Bootstrap и когда мне следует его использовать?

С одной стороны, появились визуальные редакторы, такие как Macromedia (позже Adobe) Dreamweaver, которые позволяли писать код, а также визуально редактировать контент. В Linux у нас были такие инструменты, как Kompozer или NVU, которые, хотя и не обладали такими же функциями, значительно упрощали задачу.

Если вы хорошо писали код, недостатка в инструментах не было. Anjuta или Eclipse были идеальными средами разработки для опытных программистов.

Со временем контент-менеджеры появились как WordPress Drupal o Joomla.  Этот тип программного обеспечения позволял игнорировать написание кода, чтобы сосредоточиться на создании контента.. Они оказались идеальной альтернативой для таких мест, как Linux Adictos в котором несколько авторов постоянно обновляют контент.

Позвольте мне немного объяснить это.

С точки зрения кодирования веб-страница включает в себя:

• Тип документа: Он сообщает браузеру, какая версия HTML используется.
• HTML-контейнер: Он сообщает браузеру начало и конец HTML-документа и может включать дополнительную информацию, например, язык.
• Головной контейнер: Он включает полезную информацию для браузера и поисковых систем, такую ​​как название страницы, автора, краткое описание содержания и список соответствующих терминов. Кроме того, он сообщает браузеру, где найти инструкции по отображению содержимого на экране.
• Контейнер для тела: Здесь идет весь контент, который пользователь увидит в браузере.
• Заявление скрипта: Он сообщает браузеру, где найти инструкции на определенных языках программирования, таких как Javascript или PHP, которые позволяют добавлять интерактивность или отправлять формы по почте.

Различные части документа внутри контейнера Body:

• Заголовок: Здесь отображается заголовок веб-сайта. Он может содержать логотип, ссылки, панель навигации или другую важную информацию.
• Навигация: Этот контейнер используется для создания навигационного меню, дающего доступ к основным частям сайта.
• Статья: Название вполне описывает функцию. Он используется для различения различных тем на веб-странице. Например, этот пост, который следует на главной странице Linux Adictos.
• Раздел: Разделите разные части статьи.
• В стороне: Группирует содержимое, отображаемое сбоку страницы.
• Нижний колонтитул: Показывает информацию внизу страницы. Он часто используется для отображения такой информации, как направления, ссылки на другие сайты и повторяющееся меню.

Есть контейнеры для обозначения разных частей текста как h (от 1 до 6) op, которые обозначают заголовки и абзацы соответственно.

Если бы не контент-менеджеры, каждый раз, когда авторы Linux Adictos Хотели бы опубликовать статью, пришлось бы переписывать весь код страницы с нуля.  Кроме того, мы должны вручную обновить порядок главной страницы и список статей по категориям.

И, если бы администраторы сделали редизайн или появился новый размер экрана, необходимо было бы обновить таблицы стилей.

Проблема контент-менеджеров

Хотя контент-менеджеры идеальны в упомянутых нами условиях, они являются пустой тратой ресурсов в случае сайтов, которые не часто обновляются, таких как корпоративные или информационные сайты с небольшими изменениями.  С другой стороны, они предполагают использование баз данных и их популярность делает их объектом частых атак, что требует их обновления.

В конкретном случае WordPress, на мой взгляд, становится вредоносным ПО. Все больше и больше тем требуют установки надстроек, которые во многих случаях выполняют ту же функцию, что и те, которые вы уже установили. И большинство лучших преимуществ находятся в способе оплаты. И они не совсем дешевые.

Здесь пригодятся фреймворки с открытым исходным кодом, такие как Bootstrap.  Думайте о Bootstrap как о коробке с кубиками Lego, которые вместо того, чтобы строить что-то, используются для создания веб-сайтов, которые легко адаптируются ко всем размерам экрана. Вам не нужно изобретать велосипед, поскольку в нем есть почти все, что вам может понадобиться, например, кнопки, значки и темы. Но в то же время у вас есть гибкость, чтобы ваши проекты не были похожи на другие.

В следующей статье мы увидим, как его использовать.