Ce este Bootstrap și când ar trebui să-l folosesc?

Software-ul gratuit și open source ne oferă multiple alternative pentru multe lucruri. Acest lucru face dificil să știi care este cel mai bine să folosești. Să începem prin a spune că, dacă nu ai nevoie de un site web, nu trebuie să știi ce este Bootstrap și când ar trebui folosit.

Pe vremuri, pentru a face un site web te puteai descurca bine cu notepad sau chiar cu un procesor de text, dar așa cumPe măsură ce paginile câștigau în interactivitate și conținutul trebuia actualizat mai frecvent, a devenit necesară utilizarea unor noi instrumente pentru a le crea.

Ce este Bootstrap și când ar trebui să-l folosesc?

Pe de o parte, au apărut editori vizuali precum Macromedia (mai târziu Adobe) Dreamweaver, care vă permiteau să scrieți cod și să editați vizual conținutul. În Linux aveam instrumente precum Kompozer sau NVU care, deși nu aveau aceleași caracteristici, au făcut sarcina destul de ușoară.

Dacă te pricepeai la scrierea codului, instrumentele nu lipseau. Anjuta sau Eclipse erau medii de dezvoltare ideale pentru programatorii experți.

De-a lungul timpului, managerii de conținut au apărut ca WordPress Drupal o Joomla.  Acest tip de software a făcut posibilă ignorarea scrisului de cod pentru a se concentra pe crearea de conținut.. S-au dovedit a fi alternativa ideală pentru locuri precum Linux Adictos în care mai mulți autori actualizează continuu conținutul.

Lasă-mă să explic un pic asta.

Din punct de vedere al codificării, o pagină web include:

• Tipul documentului: Acesta spune browserului ce versiune de HTML este utilizată.
• Container HTML: Acesta spune browserului începutul și sfârșitul documentului HTML și poate include informații suplimentare, cum ar fi limba.
• Recipient de cap: Include informații utile pentru browser și motoarele de căutare, cum ar fi titlul paginii, autorul, o scurtă descriere a conținutului și o listă de termeni relevanți. De asemenea, îi spune browserului unde să găsească instrucțiuni despre modul de redare a conținutului pe ecran.
• Container pentru corp: Aici merge tot conținutul pe care utilizatorul îl va vedea în browser.
• Declarație de script: Spune browserului unde să găsească instrucțiuni în anumite limbaje de programare, cum ar fi Javascript sau PHP, care vă permit să adăugați interactivitate sau să trimiteți formulare prin poștă.

Diferitele părți ale unui document din interiorul containerului Body sunt:

• Antet: Aici este afișat titlul site-ului. Poate conține sigla, link-uri, bara de navigare sau alte informații importante.
• Navigare: Acest container este folosit pentru a crea un meniu de navigare care oferă acces la părțile principale ale site-ului.
• Articolul: Numele este destul de descriptiv al funcției. Este folosit pentru a diferenția diferite subiecte într-o pagină web. De exemplu, această postare care urmează pe pagina principală a Linux Adictos.
• Secțiune: Separați diferitele părți ale unui articol.
• Deoparte: Grupează conținutul afișat pe partea laterală a paginii.
• Subsol: Afișează informațiile în partea de jos a paginii. Este adesea folosit pentru a afișa informații precum indicații de orientare, link-uri către alte site-uri și repetarea meniului.

Există containere pentru a marca diferite părți ale textului ca h (1 la 6) op care indică titluri și, respectiv, paragrafe.

Dacă nu ar exista manageri de conținut, de fiecare dată autorii de Linux Adictos Am dori să publicăm un articol, ar trebui să rescriem întregul cod al paginii de la zero.  În plus, ar trebui să actualizăm manual ordinea paginii principale și lista articolelor pe categorii.

Și, dacă administratorii ar face o reproiectare sau ar apărea o nouă dimensiune a ecranului, ar fi necesară actualizarea foilor de stil.

Problema managerilor de conținut

Deși managerii de conținut sunt ideali în condițiile pe care le-am menționat, sunt o risipă de resurse în cazul site-urilor care nu sunt actualizate frecvent, cum ar fi site-urile web corporative sau informaționale cu puține modificări.  Pe de altă parte, includ utilizarea bazelor de date, iar popularitatea lor le face obiectul unor atacuri frecvente, ceea ce impune actualizarea lor.

În cazul particular al WordPress, în opinia mea, acesta devine bloatware. Din ce în ce mai multe teme necesită instalarea de suplimente care în multe cazuri îndeplinesc aceeași funcție ca și cele pe care le aveai deja instalate. Și, cele mai multe dintre cele mai bune beneficii sunt sub metoda de plată. Și, nu sunt tocmai ieftine.

Aici sunt utile cadrele open source precum Bootstrap.  Gândiți-vă la Bootstrap ca la o cutie de cărămizi Lego care, în loc să construiască lucruri, sunt folosite pentru a construi site-uri web care se adaptează cu ușurință la toate dimensiunile de ecran. Nu trebuie să reinventați roata, deoarece vine cu aproape tot ce aveți nevoie, cum ar fi butoane, pictograme și teme. Dar, în același timp, aveți flexibilitatea, astfel încât modelele dvs. să nu arate ca altele.

În următorul articol vom vedea cum să-l folosim.