Front-End Framework ў вэб-распрацоўцы

Задаволены

• Front-End Framework
• Навошта выкарыстоўваць адзін
• Прыклады франтальных рамак
• Выснова

У свеце вэб-распрацоўкі вы сустракаеце тэрміны "франтальны" і "бэк-энд" даволі часта. Каб толькі абнавіць, распрацоўка інтэрфейсу - гэта частка частак вэб-сайта, якую бачаць карыстальнікі, а бэк-энд - больш пра функцыю "за кадрам".

Выкарыстанне асновы для пабудовы інтэрфейсу вашага сайта мае мноства пераваг (і загрузіць даволі проста!). Давайце разбярэмся з тым, што ўяўляюць сабой асноўныя рамкі, і таму варта падумаць пра тое, каб уключыць іх у працу па распрацоўцы Інтэрнэту.

Front-End Framework

Таксама называюцца "CSS frameworks", гэта пакеты, якія змяшчаюць загадзя напісаны, стандартызаваны код у файлах і папках. Яны даюць вам аснову для стварэння, адначасова дазваляючы гнуткасці з канчатковым дызайнам. Звычайна асноўныя рамкі ўтрымліваюць наступныя кампаненты:

• Сетка, якая спрашчае арганізацыю элементаў дызайну вашага сайта
• Вызначаны стыль шрыфта і памер, які мяняецца ў залежнасці ад яго функцыі (розная тыпаграфія для загалоўкаў у параўнанні з абзацамі і г.д.)
• Загадзя пабудаваныя кампаненты сайта, такія як бакавыя панэлі, кнопкі і панэлі навігацыі

У залежнасці ад канкрэтна абранай вамі структуры ёсць яшчэ шмат, на што яны здольныя.

Навошта выкарыстоўваць адзін

Ёсць шмат важкіх прычын выкарыстоўваць фронт-фэйс, а не пачынаць увесь код з нуля:

• Эканоміць час! Відавочна, што калі вы пішаце кожны радок кода самастойна, для запуску вашага сайта спатрэбіцца значна больш часу. Рамкі могуць дапамагчы пачаць працу з асновамі.
• Дадайце дадатковыя кампаненты, якіх у вас можа быць інакш. Заўсёды прыемна мець магчымасць прыступіць да іншай кнопкі ці дзвюх, не ствараючы для сябе лішніх клопатаў.
• Ведайце напэўна, што код працуе. Замест таго, каб марнаваць шмат часу на напісанне ўласнага кода, каб выявіць, што ён не працуе (альбо не сумяшчальны з 60% вэб-браўзэраў), вы будзеце ведаць, што карыстаецеся папярэдне тэставаны функцыянальны код.

Таксама важна ўдакладніць, як не выкарыстоўваць франтальныя рамкі. Калі разглядаць іх як замену за наяўнасць навыкаў пабудовы кода, вы не будзеце карыснымі. Пазнаёмцеся спачатку з HTML і CSS і потым вы можаце пачаць выкарыстоўваць цэтлікі. Ставіцеся да сваёй рамкі як да памочніка, а не да мыліцы.

Прыклады франтальных рамак

Не ўсе рамкі CSS створаны роўнымі, таму абавязкова правядзіце даследаванні, якія з іх лепш за ўсё адпавядаюць вашым унікальным патрэбам. Вось кароткі агляд першай пяцёркі:

• Bootstrap: Самы папулярны там. У Github ёсць шмат зорак і шмат рэсурсаў для адказу на вашы пытанні. Адзін з іх прасцей у выкарыстанні, але некаторыя кажуць, што ён мае вельмі характэрны выгляд "Bootstrap".
• Фонд: прапануе вялікую гнуткасць і наладжвальнасць. Добра для тых, хто мае вопыт распрацоўкі інтэрфейсу і любіць асвятляць асновы, захоўваючы пры гэтым шмат творчага кантролю.
• Стылус: Экспрэсіўная і стыльная мова CSS. Гэтая рамка можа выкарыстоўвацца толькі ў дадатках Node.js.
• Семантычны карыстацкі інтэрфейс: Кароткі, інтуітыўна зразумелы і дазваляе адладжваць ваш код прыгожа і проста. Гэта дае вам шмат свабоды дызайну і адаптуецца да вашых патрэбаў.
• Набор карыстацкага інтэрфейсу: аснова для выкарыстання, калі вы зацікаўлены ў распрацоўцы прыкладанняў для iOS. Ён мае асноўны стыль, які палягчае распрацоўку ўласнага выгляду сайта.

Выснова

Рамкі неверагодна карысныя інструменты для распрацоўкі інтэрфейсу, асабліва калі ў вас ёсць праца, дзе вы часта развіваеце гэты бок. Яны дазваляюць паскорыць ваш працоўны працэс і павысіць прадукцыйнасць працы, не прыносячы пры гэтым якасці або функцыянальнасці, пры гэтым пакідаючы дзверы адкрытымі для унікальнага, наладжанага выгляду. Проста памятайце, каб выкарыстоўваць іх як інструмент для дапаўнення вашых навыкаў, а не як спосаб скараціць куты - і атрымлівайце асалоду ад!