Použitie rámca na vytvorenie prednej časti vašej webovej stránky má mnoho výhod (a je veľmi jednoduché zaviesť!). Poďme sa pozrieť na to, aké rámcové predmety sú a prečo by ste mali zvážiť ich začlenenie do vašich webových vývojových prác.
Front-End Framework
Tiež označované ako "CSS frameworks", sú to balíky obsahujúce predpísaný, štandardizovaný kód v súboroch a priečinkoch. Poskytujú základňu, na ktorej je možné budovať, zatiaľ čo stále umožňuje flexibilitu s konečným dizajnom. Koncepčné predmety typicky obsahujú nasledujúce komponenty:
- Mriežka, ktorá zjednodušuje usporiadanie dizajnových prvkov vašej webovej stránky
- Definované štýly písma a veľkosť, ktoré sa líšia podľa ich funkcie (rôzne typografie pre nadpisy a odseky atď.)
- Predvolené komponenty webových stránok, ako sú bočné panely, tlačidlá a navigačné panely
V závislosti od konkrétneho rámca, ktorý si vyberiete, je oveľa viac schopných.
Prečo používať jeden
Existuje veľa dobrých dôvodov na to, aby ste mohli používať rámec front-end namiesto spustenia celého kódu od začiatku:
- Ušetriť čas! Je zrejmé, že ak píšete každý riadok kódu sami, bude trvať oveľa dlhšie, kým začnete svoju webovú stránku. Rámce vám môžu pomôcť začať so základmi.
- Pridajte ďalšie komponenty, ktoré by ste inak nemali. Je to vždy pekné mať možnosť pripájať sa na iné tlačidlo alebo dva bez toho, aby ste vytvorili ďalšie ťažkosti pre seba.
- Skontrolujte, či kód funguje. Namiesto toho, aby ste strávili veľa času písaním svojho vlastného kódu, len aby zistili, že nefunguje (alebo nie je kompatibilný s 60% webových prehliadačov), budete vedieť, že používate predbežne testovaný funkčný kód.
Predtým, než budem pokračovať, chcem tiež objasniť, ako nepoužívať rámce front-end! Zaobchádzať s nimi ako s náhradou za to, že budete mať schopnosti budovať kódy, nebude vám robiť žiadnu výhodu. Zoznámte sa najprv s HTML a CSS a potom môžete začať používať skratky. Nakráň svoj rámec ako asistent, nie berle.
Príklady front-end rámcov
Nie všetky CSS rámce sú vytvorené rovnaké, takže sa uistite, že urobíte svoj výskum o tom, ktorý z nich najlepšie vyhovuje vašim jedinečným potrebám. Tu je rýchly prehľad o päť najlepších:
- Bootstrap: Najobľúbenejšia. Má veľa hviezd na Github a veľa zdrojov, aby ste dostali odpovede na vaše otázky. Jeden z jednoduchších na použitie, ale niektorí hovoria, že má veľmi výrazný "Bootstrap" vzhľad.
- Nadácia: Ponúka veľa flexibility a prispôsobivosti. Dobré pre tých, ktorí majú skúsenosti s vývojom front-end a chceli zakryť základy pri zachovaní veľa tvorivej kontroly.
- Stylus: Výrazný a štýlový jazyk CSS. Tento rámec je možné použiť iba v aplikáciách Node.js.
- Sémantický používateľský účet: Stručný, intuitívny a ladí váš kód pekný a jednoduchý. Dáva vám veľa voľnosti dizajnu a prispôsobuje sa vašim potrebám.
- UI Kit: rámec, ktorý chcete použiť, ak máte záujem o vývoj aplikácií pre systém iOS. Má základný štýl, ktorý umožňuje ľahko vytvoriť vlastný vzhľad webu.
záver
Rámy sú neuveriteľne užitočnými nástrojmi pre dizajn front-end, hlavne ak máte prácu, v ktorej často vyvíjate túto stranu. Umožňujú vám urýchliť pracovný tok a zvýšiť produktivitu bez toho, aby ste obetovali kvalitu alebo funkčnosť, zatiaľ čo necháte dvere otvorené pre jedinečný, prispôsobený vzhľad. Nezabudnite ich použiť ako nástroj na doplnenie vašich schopností, nie ako spôsob, ako znížiť rohy - a vychutnať si to!