Co to jest Bootstrap i kiedy powinienem go używać?

Darmowe i otwarte oprogramowanie oferuje nam wiele alternatyw dla wielu rzeczy. To sprawia, że ​​trudno jest określić, który z nich jest najlepszy. Zacznijmy od stwierdzenia, że ​​jeśli nie potrzebujesz strony internetowej, nie musisz wiedzieć, co to jest Bootstrap i kiedy należy go używać.

W dawnych czasach, aby stworzyć stronę internetową, można było sobie poradzić z notatnikiem lub nawet edytorem tekstu, ale tak jak tye strony zyskiwały na interaktywności, a treść musiała być częściej aktualizowana, konieczne stało się korzystanie z nowych narzędzi aby je stworzyć.

Co to jest Bootstrap i kiedy powinienem go używać?

Z jednej strony pojawiły się edytory wizualne, takie jak Macromedia (później Adobe) Dreamweaver, które umożliwiały zarówno pisanie kodu, jak i wizualną edycję treści. W Linuksie mieliśmy narzędzia takie jak Kompozer czy NVU, które choć nie miały tych samych funkcji, sprawiały, że zadanie było całkiem proste.

Jeśli byłeś dobry w pisaniu kodu, narzędzi nie brakowało. Anjuta lub Eclipse były idealnymi środowiskami programistycznymi dla doświadczonych programistów.

Z biegiem czasu menedżerowie treści pojawili się jako WordPress Drupal o Joomla.  Tego typu oprogramowanie pozwoliło pominąć pisanie kodu i skupić się na tworzeniu treści.. Okazały się idealną alternatywą dla takich miejsc jak Linux Adictos w którym kilku autorów stale aktualizuje treść.

Pozwól mi to trochę wyjaśnić.

Z punktu widzenia kodowania strona internetowa zawiera:

• Typ dokumentu: Informuje przeglądarkę, która wersja HTML jest używana.
• Kontener HTML: Informuje przeglądarkę o początku i końcu dokumentu HTML i może zawierać dodatkowe informacje, takie jak język.
• Pojemnik na głowę: Zawiera przydatne informacje dla przeglądarki i wyszukiwarek, takie jak tytuł strony, autor, krótki opis treści oraz lista odpowiednich terminów. Ponadto informuje przeglądarkę, gdzie znaleźć instrukcje dotyczące renderowania treści na ekranie.
• Pojemnik na ciało: Tutaj znajduje się cała zawartość, którą użytkownik zobaczy w przeglądarce.
• Oświadczenie skryptu: Informuje przeglądarkę, gdzie znaleźć instrukcje w niektórych językach programowania, takich jak JavaScript lub PHP, które umożliwiają dodawanie interaktywności lub wysyłanie formularzy pocztą.

Różne części dokumentu w kontenerze Body to:

• Nagłówek: Tutaj wyświetlany jest tytuł strony internetowej. Może zawierać logo, linki, pasek nawigacyjny lub inne widoczne informacje.
• Nawigacja: Ten kontener służy do tworzenia menu nawigacyjnego, które daje dostęp do głównych części witryny.
• Artykuł: Nazwa jest dość opisowa dla funkcji. Służy do rozróżniania różnych tematów na stronie internetowej. Na przykład ten post, który następuje na stronie głównej Linux Adictos.
• Sekcja: Oddziel różne części artykułu.
• Na bok: Grupuje treść wyświetlaną z boku strony.
• Stopka: Wyświetla informacje na dole strony. Jest często używany do wyświetlania informacji, takich jak wskazówki, linki do innych witryn i powtarzania menu.

Istnieją pojemniki do oznaczania różnych części tekstu jako h (1 do 6) op, które wskazują odpowiednio tytuły i akapity.

Gdyby nie było menedżerów treści, za każdym razem autorzy Linux Adictos Chcielibyśmy opublikować artykuł, musielibyśmy od nowa napisać cały kod strony.  Dodatkowo powinniśmy ręcznie zaktualizować kolejność strony głównej oraz listę artykułów według kategorii.

A jeśli administratorzy dokonaliby przeprojektowania lub pojawienia się nowego rozmiaru ekranu, konieczna byłaby aktualizacja arkuszy stylów.

Problem menedżerów treści

Chociaż menedżery treści są idealni we wspomnianych przez nas warunkach, są marnotrawstwem zasobów w przypadku witryn, które nie są często aktualizowane, takich jak witryny korporacyjne lub informacyjne z niewielkimi zmianami.  Z drugiej strony wiążą się z wykorzystaniem baz danych, a ich popularność czyni je obiektem częstych ataków, co wymaga ich aktualizacji.

W konkretnym przypadku WordPressa, moim zdaniem, staje się bloatware. Coraz więcej motywów wymaga instalacji dodatków, które w wielu przypadkach spełniają te same funkcje, co te, które już zainstalowałeś. A większość najlepszych korzyści dotyczy metody płatności. I nie są do końca tanie.

Tutaj przydają się frameworki typu open source, takie jak Bootstrap.  Pomyśl o Bootstrapie jako pudełku z klockami Lego, które zamiast budować, służy do tworzenia stron internetowych, które łatwo dostosowują się do wszystkich rozmiarów ekranu. Nie musisz wymyślać koła na nowo, ponieważ zawiera prawie wszystko, czego możesz potrzebować, takie jak przyciski, ikony i motywy. Ale jednocześnie masz elastyczność, aby Twoje projekty nie wyglądały jak inne.

W następnym artykule zobaczymy, jak z niego korzystać.