Що таке Bootstrap і коли його слід використовувати?

Безкоштовне програмне забезпечення з відкритим кодом пропонує нам багато альтернатив для багатьох речей. Це ускладнює визначення того, який з них краще використовувати. Почнемо з того, що якщо вам не потрібен веб-сайт, вам не потрібно знати, що це таке Bootstrap і коли його слід використовувати.

За старих часів, щоб створити веб-сайт, ви могли цілком обійтися блокнотом або навіть текстовим процесором, але як виСторінки набирали інтерактивності, і вміст потрібно було оновлювати частіше, виникла необхідність використовувати нові інструменти щоб їх створити.

Що таке 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, які замість створення речей використовуються для створення веб-сайтів, які легко адаптуються до будь-якого розміру екрана. Вам не потрібно заново винаходити колесо, оскільки в ньому є майже все, що вам може знадобитися, як-от кнопки, значки та теми. Але в той же час у вас є гнучкість, щоб ваші проекти не були схожі на інші.

У наступній статті ми побачимо, як ним користуватися.