Вуе.јс, или једноставно Вуе, је ЈаваСцрипт оквир за прављење корисничких интерфејса. Овај оквир проширује стандардни ХТМЛ и ЦСС како би креирао колекцију алата за прављење интерактивних корисничких интерфејса.
Ако долазите из ХТМЛ-а, ЦСС-а и ванилла ЈаваСцрипт-а, учење Вуе.јс-а је веома лако. Овај оквир не уводи нову синтаксу попут ЈСКС-а, већ се ослања на оно што већ знате.
Вуе обезбеђује декларативни модел програмирања заснован на компонентама за изградњу једноставних и сложених корисничких интерфејса.
Преглед садржаја
Зашто Вуе?
Вуе је међу најпопуларнијим ЈаваСцрипт оквирима. Глобално гледано, а СтацкОверфлов анкета 2023 ставио га међу 10 најомиљенијих веб оквира. Ово би могли бити неки од разлога његове популарности;
- Архитектура заснована на компонентама: Вуе прати архитектуру Модел-Виев-ВиевМодел (МВВМ), где је пословна логика одвојена од корисничког интерфејса. Архитектура заснована на компонентама олакшава креирање битова кода за вишекратну употребу који се могу појединачно ажурирати.
- Лаган: Вуе је дизајниран да буде лаган, где је минимизирана основна апликација 16 кб.
- Велики екосистем и заједница: Вуе је првобитно објављен 2014. године и од тада расте. Привукао је велику заједницу која је допринела његовом расту развојем различитих алата и библиотека.
Вуе библиотеке
Вуе има колекцију библиотека и оквира које можете користити да поједноставите свој пут развоја веба. Вуе библиотеке и оквири су колекција унапред написаних делова кода које можете да користите у задацима као што су креирање корисничког интерфејса, управљање стањем, стилизовање и управљање обрасцима, између осталих задатака.
Вуе УИ библиотеке су дизајниране да помогну програмерима да брзо и ефикасно изграде корисничке интерфејсе. Можете искористити Вуе УИ библиотеке за брзи развој на следеће начине;
- Изаберите прави оквир/библиотеку: постоји много оквира/библиотека, а избор најбољег може бити проблем. Истражите и прочитајте документацију која ће вам помоћи у доношењу одлука.
- Користите унапред направљене компоненте: Можете уштедети много времена коришћењем стандардног кода који обезбеђују ове библиотеке.
- Прилагођавање и теме: Сваки бренд има свој глас. Идеална Вуе библиотека/оквир би требало да вам омогући да прилагодите њену тему тако да одговара вашем бренду.
- Подршка заједнице: Увек се одлучите за библиотеке које имају активну заједницу. Већина чланова заједнице је увек спремна да помогне када се заглавите.
Ово су најбоље ВуеЈС УИ библиотеке и оквири које можете испробати данас;
Вуетифи
Вуетифи је Вуе.јс оквир за прављење брзих веб апликација богатих функцијама. Овај оквир је дизајниран тако да програмерима пружи све алате потребне за изградњу занимљивог корисничког искуства.
Кључне карактеристике:
- Флексибилне компоненте: Све компоненте у овом оквиру су дизајниране на основу Гоогле-ових Спецификација дизајна материјала. Ове компоненте подржавају стотине прилагођавања која се уклапају у различите дизајне и стилове.
- Динамичке теме: Вуетифи има две теме које можете лако да измените како би одговарале вашим потребама. Можете променити фонтове и боје како би се уклопили са вашим брендом.
- Глобалне подразумеване вредности: Можете да подесите подразумеване вредности пропса по компоненти или глобално када подешавате Вуетифи апликацију. Дефинисање глобалних класа и стилова олакшава поновну употребу кода и смањује количину дуплираног кода у вашој апликацији.
БоотстрапВуе
БоотстрапВуе је оквир који вам омогућава да правите веб апликације које реагују на првом месту за мобилне уређаје користећи Вуе.јс и Боострап. Овај оквир има колекцију од 85+ компоненти, 1200+ икона и 54+ додатака како би креирање веб апликација било лако.
Кључне карактеристике:
- Модуларно: Компоненте у БоотстрапВуе-у су подељене на мале делове кода за вишекратну употребу. Дакле, увозите само оно што вам је потребно у вашој апликацији.
- Одговарајући: Овај оквир користи Боотстрап, најпопуларнији ЦСС оквир познат по свом респонзивном дизајну. Можете да користите апликације креиране помоћу БоотстрапВуе на различитим величинама екрана.
- Конфигурабилан: Овај оквир вам омогућава да креирате теме користећи СЦСС променљиве, да декларирате ове променљиве глобално и поново их користите у вашој апликацији.
Куасар
Куасар је вишеплатформски ВуеЈС оквир. Компоненте овог оквира прате принципе материјалног дизајна. Куасар Апп Ектенсионс вам омогућава да својој апликацији додате једноставна или сложена подешавања. Такође можете да користите Унифиед Модуле Дефинитион и убаците ЈС, ХТМЛ и ЦСС ознаке у своју апликацију.
Кључне карактеристике:
- Платформа све-у-једном: Можете да користите исти изворни код за своје мобилне, веб, десктоп и прогресивне веб апликације.
- Разноврсне веб компоненте које реагују: постоји компонента за сваку функцију коју желите да направите за своју Куасар апликацију.
- Аутоматско тестирање и ревизија: Интегришите тестирање јединица и енд-то-енд да бисте аутоматски тестирали своју апликацију док је правите.
Вуесак
Вуесак је оквир компоненти корисничког интерфејса (УИ) креираних помоћу Вуе.јс. Оквир је дизајниран да поједностави искуство програмера пружањем компоненти са освежавајућим дизајном и независним прилагођавањима.
Кључне карактеристике:
- Једноставан за коришћење: Не морате да имате стручно знање о ЈаваСцрипт-у или Вуе-у да бисте почели да користите Вуесак. Овај оквир је добро документован и то је све што вам треба да започнете.
- Модуларно: Можете користити Вуесак компоненте на захтев пошто је његов код подељен на мале делове за вишекратну употребу.
- Јединствене компоненте: Вуесак не прати никакве шаблоне дизајна, што значи да пружа јединствене дизајне које вероватно нећете видети у другим оквирима.
Ант Десигн Вуе
Ант Десигн Вуе је колекција УИ компоненти креираних помоћу Вуе и Анти Десигн. Ове компоненте су дизајниране да помогну програмерима да изграде интерактивне корисничке интерфејсе. Инсталирајте Ант Десигн Вуе користећи нпм или Иарн и почните да правите своју Вуе апликацију.
Кључне карактеристике:
- Подршка за више окружења: Апликације направљене помоћу оквира могу да раде на модерним претраживачима. Анти Десигн Вуе такође ради Електрон и подржава рендеровање на страни сервера.
- Прилагодљиве теме: Можете да прилагодите подразумевану тему на Ант Десигн Вуе како би се уклопила са захтевима вашег бренда или пословања. Можете да промените ствари као што су примарна боја, радијус ивице и боја ивице.
Елемент
Елемент је библиотека компоненти заснована на Вуе-у за менаџере пројеката, програмере и дизајнере. Ова библиотека је дизајнирана на основу логике из стварног живота и у складу је са уобичајеним навикама корисника. Елемент је такође доступан за Ангулар и Реацт.
Кључне карактеристике:
- Једноставан за употребу: За инсталирање Елемента можете користити менаџер пакета као што је нпм или иарн. Затим можете наставити и одабрати компоненте по свом избору и додати их својој апликацији.
- Прилагодљива тема: Подразумевана тема у овој библиотеци је прилагодљива вашим потребама. Такође можете да увезете своју прилагођену тему.
- Навигација: Можете да поједноставите интеракцију корисника додавањем „навигације са стране“ или „навигације на врху“.
Буефи
Буефи је колекција лаких компоненти корисничког интерфејса за Вуе заснованих на Булми. Ова библиотека компоненти је дизајнирана да ради као ЈаваСцрипт слој за Булма интерфејс. Можете инсталирати Буефи користећи менаџере пакета или га додати директно у свој пројекат користећи ЦДН везе.
Кључне карактеристике:
- Лаган: Буефи је креиран на врху Вуе и Булма. Ова библиотека компоненти нема других зависности.
- Модерно: Буефи је креиран коришћењем модерних УИ оквира, Вуе.јс и Булма. Компоненте из ове библиотеке су стога свеже и прате обрасце модерног дизајна.
- Одговарајући: Можете да користите апликације креиране помоћу Буефи-а на личним рачунарима и уређајима.
- Прилагодљива: Ова библиотека има низ компоненти које можете прилагодити својим потребама.
Цхакра УИ
Цхакра УИ је модуларна библиотека компоненти која нуди градивне блокове за брзу изградњу Вуе апликација. Ову библиотеку можете инсталирати користећи нпм, а њена једина зависност је @емотион/цсс.
Кључне карактеристике:
- Композитно: Можете искористити компоненте из ове библиотеке да бисте направили нове ствари и интегрисали их са другим оквирима/библиотекама да бисте креирали једноставне или сложене корисничке интерфејсе.
- Тхемеабле: Можете да референцирате вредности из своје теме на било којој компоненти или целој апликацији.
- Приступачно: Ова библиотека компоненти је направљена да прати ВАИ-АРИА стандарде.
ПримеВуе
ПримеВуе је колекција УИ компоненти за прављење Вуе апликација. Ако користите ову библиотеку у режиму ‘Унстилед’, можете користити ЦСС оквире као што су Таилвинд, Боотстрап или ПримеФлек. ПримеВуе има преко 90 компоненти које одговарају различитим потребама. Ове компоненте су груписане у различите категорије да би се олакшао развој.
Кључне карактеристике:
- Прилагодљиве теме: Можете користити било који од својих омиљених ЦСС оквира као што су Боотстрап, Таилвинд, Материал УИ и више као своју основну тему.
- Дизајнер тема: ПримеВуе пружа све алате који су вам потребни да дизајнирате тему од нуле.
- Шаблони: Ова библиотека има много професионално дизајнираних шаблона које можете прилагодити својим потребама.
Семантичко корисничко сучеље Вуе
Семантичко корисничко сучеље Вуе интегрише Вуе.јс са семантичким корисничким интерфејсом. Можете се играти са његовим кодом на ЦодеСандбок-у пре него што га увезете у своју апликацију. Инсталирајте Семантиц УИ Вуе користећи нпм, увезите га у датотеку маин.јс или индек.јс и почните да увозите његове компоненте.
Кључне карактеристике:
- Прилагођавање и обликовање тема: Ова библиотека има семантичке компоненте које можете лако да прилагодите тако да одговарају имиџу и гласу вашег бренда.
- Обимна документација: Иако је семантичко корисничко сучеље Вуе још увек у „тешком развоју“, он је опсежно документован.
- Прилагодљив дизајн: Компоненте из ове библиотеке раде савршено на различитим величинама екрана.
Кеен УИ
Кеен УИ је лагана Вуе УИ библиотека инспирисана Гоогле-овим материјалним дизајном. Ова библиотека је фокусирана на обезбеђивање интерактивних компоненти које захтевају ЈаваСцрипт. Можете користити Кеен УИ са већином ЦСС оквира.
Кључне карактеристике:
- Једноставан за употребу: Инсталирајте Кеен УИ користећи нпм и одмах увезите његове компоненте.
- Подржава прилагођавање: Можете прилагодити различите аспекте апликације Кеен УИ, укључујући величине компоненти, боје теме и подразумеване реквизите.
- Подршка за прегледач: Кеен УИ подржава све главне претраживаче које подржава Вуе 3.
Цоре УИ
Цоре УИ је колекција Вуе.јс УИ компоненти и Вуе.јс Админ шаблона које можете да користите за прављење интерактивних апликација. Ова библиотека нуди све алате који су вам потребни за креирање функционалних и модерних Вуе апликација.
Кључне карактеристике:
- Једноставан за коришћење: Све компоненте корисничког интерфејса и виџети на Цоре УИ су написани тако да буду читљиви. Можете проћи кроз код својих компоненти и прилагодити га својим потребама.
- Компатибилност и одзив на више прегледача: Можете да користите Цоре УИ апликације на већини модерних прегледача. Ове апликације такође реагују на различите величине екрана и оперативне системе.
- Нису потребне дизајнерске вештине: не морате да будете талентовани дизајнер да бисте креирали прелепе апликације које реагују. Цоре УИ има професионално дизајниране шаблоне које можете прилагодити својим потребама.
Вуе Материал
Вуе Материал је оквир који интегрише спецификације Вуе.јс и Материал Десигн. Платформа нуди компоненте на захтев, АПИ једноставан за коришћење и динамичке теме за поједностављење развоја апликација.
Кључне карактеристике:
- Разноликост компоненти: Вуе УИ има скоро сваку компоненту која вам је потребна за прављење модерне веб апликације. Размислите о картицама, аватарима, бирачима датума, упозорењима, дугмадима и обрасцима.
- Теме: Вуе Материал има 4 унапред уграђене теме за подешавање ваше апликације. Можете прилагодити различите аспекте ових тема како би одговарале вашим потребама.
- Прилагођене теме: Можете креирати прилагођену тему за свој пројекат све док сте омогућили СЦСС/САСС подршку у свом пројекту.
ВуеТаилвинд
ВуеТаилвинд је колекција Вуе компоненти оптимизованих за Таилвинд ЦСС. Компоненте из Вуе Таивинд-а су направљене коришћењем прилагођених класа и неограничених варијанти које олакшавају прилагођавање ваше апликације.
Кључне карактеристике:
- Модуларно: ВуеТаилвинд је структуриран на начин да можете да увезете само делове који су вам потребни у вашој апликацији.
- Различите компоненте: ВуеТаилвинд има различите компоненте груписане у различите категорије. Можете прилагодити компоненте, визуализовати промене и увести их у своју апликацију.
- Креатор тема: Можете да направите тему за своју апликацију, прилагодите је и визуализујете како ће се појавити у коначној апликацији.
Окончање
Сада имате колекцију библиотека и оквира које можете да користите да бисте убрзали процес развоја корисничког интерфејса за Вуе апликације. Неки оквири пружају голе кости, док други пружају све што вам је потребно за прављење функционалне апликације.
Затим можете истражити и најбоље ВуеЈС курсеве и књиге.