Сиздин сайттын алдыңкы жок куруу үчүн укуктук базаны колдонуу артыкчылыгы көп (жана жүктөө үчүн абдан кыйын эмес!). анын алдыңкы-аягы чектери кандай барабыз жана эмне үчүн желе иштеп чыгуу жана ишке киргизүү, аларды каттоо, эске алышы керек.
Front-End алкактык
Ошондой эле, "CSS алкагында," Алардын жана папка боюнча алдын-ала жазылып, стандартташтырылган кодду камтыган пакеттер деп аталат. Алар дагы эле акыркы дизайны менен ийкемдүү жол жаткан куруу үчүн негиз берет. Эреже катары, алдыңкы-аягы база төмөнкү компоненттерди камтыйт:
- бул сайт дизайн элементтерин уюштурууга жөнөкөй жасоочу тор
- анын милдеттерин негизинде айырмаланат аныкталган арип стилдери жана лучший (пункттарында салыштырмалуу рубрикасы үчүн ар кандай Оюп, ж.б.)
- Алдын-ала жасалган сайт компоненттери капталдарынын, топчу жана багыттоо тор сыяктуу
Сиз тандап алган конкреттүү алкагында жараша, бир топ көп, алар, ошондой эле алган жок.
Эмне үчүн бир
ордуна башынан баштап бүт кодун баштап бир алдыңкы-аягы базаны колдонуу абдан жакшы, себеби бир топ бар:
- убакыт сакта! Албетте, сиз кодду ар бир сабын жазып жаткан болсо, анда ал бир топ ары сайтты ишке киргизүү үчүн талап кылынат. Frameworks сиз Негиздер менен баштоого жардам берет.
- Эгерде жок, мүмкүн кошумча компоненттерди кошуу. Ал ар дайым сиз үчүн эч кандай кошумча убара түзүп туруп, дагы бир баскычты же эки боюнча илип мумкунчулугунуз бар үчүн жакшы болот.
- коду иштейт экенин билебиз. Тескерисинче, учурда өз кодун жазуу гана экенин (же интернет-серепчилерге, 60% менен шайкеш эмес) иштеген эмес, бир топ жумшап, сиз алдын-ала сыналып, иш кодду колдонуп жатасыз калганын билгиле.
Өтүүдөн мурда, мен да алдыңкы-аягы негиздерди колдонуу үчүн эмес, кантип кетким келет! сага кандай жакшылык кыла турган код-курулуш билимдерге ээ болуу үчүн ордуна аларды сыйлагыла. Менен таанышып HTML биринчи жана CSS, анан сиз, жарлыктарды колдоно баштаса болот. жардамчысы эмес, балдак катары базаны мамиле.
Front-End программасына мисалдары
бардык CSS негиздери бирдей жаралган, ошондуктан бир мыкты сиздин уникалдуу муктаждыктарын алдыруу тууралуу изилдөө болушу керек эмес. Бул жерде жогорку беш тез жерд:
- Bootstrap: таанымал ким жок. Github боюнча жылдыздар жана ресурстарды чүчү тонна бар силердин суроолорго жооп алуу үчүн. жөнөкөй адамдар колдонуу үчүн бири, бирок кээ бир абдан айырмалуу "Bootstrap" карап бар деп.
- Foundation: ийкемдүүлүгүн жана customizability көп тилектештигин билдирди. алдыңкы-аягы өнүктүрүү менен тажрыйбалуу жана чыгармачылык контролдоо көп сакталат негиздерин камтууга окшош адамдар үчүн жакшы.
- Stylus: Көркөм жана саркеч CSS тили. Бул негизи гана Node.js арыздар боюнча пайдаланылышы мүмкүн.
- Semantic UI: Concise, интуитивдик, жана коду жакшы жана жөнөкөй мүчүлүштүктөрдү берет. сага дизайн эркиндик берилген жана муктаждыктарына ылайыкташтырат.
- UI Kit: негизи сен Жашыруу колдонмолорду иштеп кызыгасыз болсо, пайдалануу. ал өз сайт карап чыгуу кыйын негизги стили бар.
жыйынтыктоо
Frameworks сен көп ошол тарапка өнүгүп жаткан жумушум бар, өзгөчө, алдыңкы-аягы үлгүсүнө абдан пайдалуу куралы болуп эсептелет. Алар силер дагы бир уникалдуу, жекече карап үчүн ачык эшик кетип жатканда, сапатын же иш- бузбай туруп Жумуш жана өндүрүмдүүлүктү жогорулатуу тездетүүгө мүмкүнчүлүк берет. Эле бурчтары жана кесип бир жолу катары эмес, билимдерин толуктоо үчүн курал катары колдонуу үчүн аларды эстеп ырахат!