Când creați un proiect nou, există o anumită parte din munca de rutină. Acest lucru se datorează faptului că cele mai multe create de la începutul proiectelor se bazează pe un anumit set de cod standard și principiile construcției sale. Știm cu toții că de fiecare dată când se reinventa roata - este nu numai inutil, dar, de asemenea, munca obositoare. Cu toate acestea, există instrumente care pot rezolva această problemă.
Boilerplate și Bootstrap - ambele sunt instrumente foarte utile pentru crearea de proiecte. Dar întrebarea este: care unul pentru a alege și care unul este cel mai potrivit pentru mine și proiectul meu? Nu sunt primul care a stabilit o astfel de întrebare. In acest articol voi încerca să clarifice situația și să te ducă la decizia corectă în alegerea instrumentelor.
Problema cea mai evidentă dintre toate - ce produs este cel mai bine utilizat pentru proiectul dumneavoastră? Răspunsul la aceasta este prea generală și vagă, așa că avem nevoie de o comparație mai detaliată și o explicație pentru fiecare dintre ele. De fapt, deciziile cu privire la această chestiune nu sunt doi, ci patru: puteți folosi boilerplate Bootstrap, puteți utiliza, puteți utiliza aceste două produse împreună sau nu folosiți nici una dintre ele. Pentru a decide care dintre aceste puncte este cel mai bun, lasă-mă să vorbesc despre avantajele și dezavantajele fiecăruia dintre doi concurenți.
Utilizarea de șabloane
La prima vedere poate părea model de șabloane destul de simplu. Dar, de fapt, el este dispus să vă dau o mulțime de avantaje, care nu sunt vizibile inițial. Să ne uităm la unele dintre ele:
- șablon HTML5-gata, împreună cu structura de bază de fișiere și foldere în cadrul unui viitor proiect;
- Gata de utilizare, stiluri de imprimare optimizate;
- aspect cross-browser;
- Optimizat pentru browsere mobile;
- îmbunătățirea progresivă (accesoriu progresivă) și degradare treptată (degradare);
- Configurația îmbunătățită a interacțiunii cu serverul;
- Reguli pentru compresie și de cache optimă;
- Optimizat pentru site-ul fragmentului Google Analytics;
- si multe altele ...
Ai toate aceste lucruri minunate dintr-o dată, fără a scrie o singură linie de cod. Mai jos se prezintă conținutul arhivei despachetat șabloane:
Din acest punct puteți începe să creați propriul site prin simpla adăugare a codului și a componentelor care urmează să fie utilizate.
Utilizarea Bootstrap
Bootstrap este un cadru de dezvoltare front-end și un set de instrumente de designer web pentru a crea site-uri web moderne. Cu ajutorul cadrului Bootstrap, puteți crea un site web complet funcțional de la zero. Asta este, vă oferă nu numai punctul de plecare, dar toate elementele de bază care pot fi necesare la crearea unui site. Bootstrap arhiva descărcabil conține numai fișierele pentru CSS și componentele JS, plus un set de pictograme de fonturi. În plus față de acest lucru, puteți descărca șablonul de bază pentru a începe crearea unui site web. Fișiere și structura dosar pentru un proiect sau configurații pentru a comunica cu partea de server a site-ului viitorului - nu există.
Avantaje și caracteristici cheie:
- Aceasta se concentrează în principal pe dispozitive mobile;
- Compatibilitate cross-browser;
- Ușor de utilizat;
- sistem CSS-grid;
- Gata de utilizare a componentelor și a utilităților;
- si multe altele ...
Listă Bootstrap componente și instrumente cadru sunt prezentate mai jos:
După cum puteți vedea, cadrul Bootstrap oferă un set complet de componente, cu care puteți începe să creați propriul site.
Utilizarea Bootstrap plus șabloane
Folosind propria decizie bazată pe șabloane
Unii dezvoltatori nu le place să utilizeze astfel de produse ca și Bootstrap șabloane. Argumentul lor cel mai important în acest sens este faptul că aceste instrumente conțin cod neutilizat prea mult în proiect. Dacă credeți că în același mod, atunci ar trebui să știi că nu sunt limitate la dezvoltarea terț cuiva. Puteți aduna cu ușurință pentru ei înșiși cele mai bune evoluții într-un cadru propriu. O astfel de metodă va ajuta să creați o colecție de numai acele componente care ai nevoie
Alegerea corectă între aceste produse depinde de două lucruri. În primul rând - trebuie să știți că aveți nevoie pentru a crea un proiect ce cere proiectul în sine. Iar a doua - ar trebui să știi, pe care le poate oferi toate aceste produse software (șabloane Bootstrap), avantajele și dezavantajele lor. Este clar că prima întrebare, eu nu te pot ajuta, dar la a doua întrebare, eu pot da un scurt consiliu format din mai multe puncte:
- C folosind șabloane nu va fi capabil de a crea un site solid - acesta este doar un punct de plecare;
- C folosind Bootstrap, puteți crea de la zero un site complet prin componente și utilitare ale acestui cadru;
- Boilerplate este un produs orientat-server - un model bun pentru începerea proiectului, dacă lucrați cu tehnologii de server, cum ar fi PHP;
- Bootstrap - un produs orientat spre client, un set complet de instrumente pentru crearea de site-uri web (dezvoltare front-end);
- Boilerplate - un set de cod de bază, la care puteți adăuga orice componentă care este necesară;
- Bootstrap - dimpotrivă, este un set complet de componente gata de utilizare pe care le puteți utiliza „din cutie“;
- Puteți combina împreună și Bootstrap șabloane, pentru a obține beneficii de ambele produse;
- Puteți crea și de a folosi propriul șablon personalizat, care include doar componentele de care aveți nevoie.
Cuvântul meu final este următorul. Ambele produse - și Bootstrap și șabloane este un instrument excelent pe care le puteți utiliza pentru munca lor. Totul depinde de ce sarcini cu care vă confruntați - instrumentul pe care doriți să o selectați și pentru a rezolva problema.
Verdictul de la mine
Dacă problema are un design gata, și nu există nici o grilă precisă a 12 celule este cel mai bine de a utiliza sau decizia sa șabloane, dar dacă nu puteți utiliza Boostrap de proiectare, deoarece folosește o mulțime de elemente gata făcute.