Përdorimi i një kuadri për ndërtimin e frontit të faqes suaj ka shumë përparësi (dhe është shumë e lehtë për të nisur!). Le të shohim se cilat janë kornizat e front-end dhe pse duhet të konsideroni përfshirjen e tyre në punën tuaj të zhvillimit të uebit.
Korniza Front-End
Gjithashtu referuar si "korniza CSS", këto janë paketa që përmbajnë kodin e standardizuar të paracaktuar në skedarë dhe dosje. Ata ju japin një bazë për të ndërtuar, ndërsa ende lejojnë fleksibilitet me dizajnin përfundimtar. Në mënyrë tipike, kornizat front-end përmbajnë komponentët e mëposhtëm:
- Një rrjet që e bën të thjeshtë organizimin e elementeve të dizajnit të faqes suaj të internetit
- Stilet e përcaktuara të shkronjave dhe përmasat që ndryshojnë në bazë të funksionit të saj (tipografi të ndryshme për tituj kundrejt paragrafëve, etj)
- Komponentë të para-ndërtuar të faqes si panelet anësore, butonat dhe barkat e navigimit
Në varësi të kornizës specifike që ju zgjidhni, ka shumë më tepër që janë të aftë.
Pse përdoret një
Ka shumë arsye të mira për të përdorur një kornizë front-end në vend që të nisni të gjithë kodin tuaj nga e para:
- Kurseni kohë! Natyrisht, nëse shkruan çdo rresht të kodit me vetvete, do të duhet shumë më tepër për të nisur faqen tënde. Kornizat mund të ndihmojnë që të filloni me bazat.
- Shto komponente shtesë që nuk mund të keni ndryshe. Gjithmonë është mirë të kesh mundësinë për të luajtur në një buton tjetër ose dy pa krijuar ndonjë sherr shtesë për veten.
- E di me siguri se kodi funksionon. Në vend që të shpenzoni shumë kohë duke shkruar kodin tuaj vetëm për të zbuluar se nuk funksionon (ose nuk është në përputhje me 60% të shfletuesve të uebit), do të dini se po përdorni kodin e testuar paraprakisht.
Para se të vazhdoj, edhe unë dua të sqaroj se si të mos përdorë kornizat front-end! Trajtimi i tyre si zëvendësim për të pasur aftësi ndërtimi të kodit nuk do të bëjë ndonjë favor. Njohja e parë me HTML dhe CSS, dhe pastaj mund të filloni të përdorni shkurtoret. Trajto kornizën tënde si asistent, jo një shtrat.
Shembuj të Kornizave Front-End
Jo të gjitha kornizat e CSS janë krijuar të barabarta, prandaj sigurohuni që të bëni hulumtimin tuaj rreth asaj se cili i përshtatet më mirë nevojave tuaja unike. Këtu ka një pasqyrë të shpejtë të pesë vendeve kryesore:
- Bootstrap: Më popullorja atje. Ka ton yjet në Github dhe shumë burime për t'iu përgjigjur pyetjeve tuaja. Një nga ato më të lehta për t'u përdorur, por disa thonë se ka një pamje shumë të veçantë "Bootstrap".
- Fondacioni: Ofron shumë fleksibilitet dhe customizability. Mirë për ata që kanë përvojë në zhvillimin e front-end dhe pëlqejnë të mbulojnë bazat ndërsa mbajnë shumë kontroll krijues.
- Stylus: Gjuha ekspresive dhe me stil CSS. Kjo kornizë mund të përdoret vetëm në aplikacionet Node.js.
- UI Semantik: Konciz, intuitive dhe bën debugimin e kodit tënd të këndshëm dhe të thjeshtë. Ju jep shumë liri të dizajnit dhe përshtatuni me nevojat tuaja.
- UI Kit: Kuadri për t'u përdorur nëse jeni i interesuar në zhvillimin e aplikacioneve iOS. Ka një stil bazë që e bën të lehtë të zhvilloni pamjen tuaj të faqes.
përfundim
Kornizat janë mjete tepër të dobishme për dizajnin e front-end, veçanërisht nëse keni një punë ku shpesh jeni duke zhvilluar atë anë. Ato ju lejojnë të përshpejtoni rrjedhën tuaj të punës dhe të rrisni produktivitetin tuaj pa sakrifikuar cilësinë ose funksionalitetin, duke lënë akoma hapur derën për një pamje unike dhe të personalizuar. Vetëm mos harroni të përdorni ato si një mjet për të plotësuar aftësitë tuaja, jo si një mënyrë për të prerë qoshet - dhe të gëzojnë!