Zure webgunearen frontenduna eraikitzeko esparru bat erabiltzea abantaila asko ditu (eta oso erraza da abiarazteko!). Goiko front-end markoak zein diren eta zergatik zure web garapen lanetan sartzea kontuan hartu beharko zenuke.
Front-End Framework
"CSS egiturak" ere aipatzen dira, hau da, aurrez idatzitako paketeak, fitxategi normalizatuak fitxategietan eta karpetetan. Erabateko diseinurako malgutasuna ematen duten bitartean oinarritzat hartzen dute oinarri. Normalean, aurrealdeko markoek osagai hauek dituzte:
- Sare bat, zure webguneko diseinuaren elementuak antolatzeko erraza dena
- Letra estilo eta tamaina aldatu egiten da, funtzioaren arabera aldatzen dena (tipografiak, izenburuak eta paragrafoak, etab.).
- Aurrez eraikitako webgune osagaiak, alboetako panelak, botoiak eta nabigazio-barra
Aukeratzen duzun esparru espezifikoaren arabera, askoz ere gehiago dira gai.
Zergatik erabili bat?
Aurrealdeko esparrua erabiltzeko arrazoi onak daude, hutsetik abiatuta zure kode guztia abiaraziz:
- Aurreztu denbora! Jakina, kodearen lerro bakar bakoitza idazten ari bazara, askoz gehiago eramango zaitu zure webgunea abiarazteko. Esparruek oinarriak erabiliz hasi zaitzakete.
- Beste osagai batzuk gehitu behar dituzu agian. Beti polita da beste botoi bat edo bi botoi aurre egiteko, zeure buruari ez zaizkion inolako arazorik sortzerik izan.
- Ziurtatu kodea funtzionatzen duela. Denbora asko igarotzea zure kodea idaztea besterik ez dela jakiteko (edo ez da bateragarria web nabigatzaileen% 60arekin) jakingo duzu pre-probatutako eta kode funtzionala erabiltzen ari zarela.
Mugitu baino lehen, lehen lerroko markoak nola erabili behar diren argitu nahi dut! Kode-eraikuntzako trebetasunak edukitzeko ordezkoak ez zaizkit gustatuko. Ezagutu HTML eta CSS lehenik eta, ondoren , lasterbideak erabil ditzakezu. Tratatu zure markoa laguntzaile gisa, ez makuluak.
Front-End Frameworks adibide
Ez dira CSS marko guztiak sortu berdinak, beraz, ziurtatu zure onena behar zehatzetara egokitzen denari buruzko ikerketa egin dezazun. Hona hemen goiko bost ikuspegi orokor bat:
- Bootstrap: ezagunena dena. Github-eko izar-tonuak ditu eta hainbat baliabide dituzu zure galderei erantzuteko. Erabilera errazagoetariko bat, baina batzuk esaten dute "Bootstrap" itxura oso berezia.
- Fundazioa: Malgutasuna eta pertsonalizagarria eskaintzen ditu. Good front-end garapenarekin bizi direnentzat eta sormen kontrola asko mantentzen duten oinarriak estaltzeko.
- Stylus: CSS hizkuntza adierazpen eta dotorea. Esparru hau Node.js aplikazioetan soilik erabil daiteke.
- UI semantikoa: zehatza, intuitiboa, eta zure kodea arazten erraza eta erraza da. Diseinu askatasun askorekin ematen dizu eta zure beharretara egokitzen da.
- UI Kit: iOS aplikazioak garatzeko interesa baduzu erabiltzen duzun esparrua. Oinarrizko estiloa du eta zure gunearen itxura garatzea erraza da.
Ondorioa
Frameworkak oso lagungarriak dira aurrez aurre diseinatzeko tresnak, batez ere albo horretan garatzen ari zaren lana baduzu. Zure lan-fluxua azkartzeko eta zure produktibitatea areagotzeko aukera ematen dizute kalitatea edo funtzionalitatea uko egin gabe, atea irekitzean itxura berezia eta pertsonalizatua irekitzean. Gogoan izan zure trebetasunak osatzeko tresna gisa erabiltzea, ez txokoak mozteko modu bat eta gozatu!