background design element dropbackground design element dropbackground design element drop

Vue.js: tvorba svižných webů a vývoj single-page aplikací


Vít Uličný
Aktualizováno:22.07.2021· 6 min. čtení
Facebook iconTwitter iconLinkedIn icon

Tvorba webových stránek nebo eshopu se dnes již neobejde bez perfektní znalosti javascriptových frameworků. Moderní frameworky, mezi něž patří i VueJS, znatelně urychlují práci programátorů a výrazně zrychlují vývoj i složitějších webových aplikací. Jaké výhody Vue.js do světa webového vývoje přináší a proč byste se o něj měli zajímat?

Co je Vue.js? 

Vue.js je progresivní javascriptový framework určený pro frontendové vývojáře. Slovíčko progresivní zde označuje vlastnost rozdělení webových stránek nebo aplikací do komponent, s nimiž lze dále pracovat nezávisle na zbytku kódu. Tím dochází k výraznému zrychlení práce, jelikož lze jednotlivé komponenty znovu použít napříč nejrůznějšími projekty.

Pokud tedy již máte vývoj webové aplikace úspěšně za sebou a chystáte se pouze přidat nějakou funkcionalitu navíc, tak zde můžete komponentu vytvořenou prostřednictvím Vue.js použít, aniž byste přepisovali stávající kód.

Vue.js je relativně novým hráčem na trhu. Světlo světa spatřil až v roce 2014 a mohl se tak poučit z chyb starších frameworků, jako je Angular nebo javascriptová knihovna React. To se mu zdárně daří a v mnoha ohledech své starší soupeře překonává.

Vue.js blog logo

Vue.js jako nástupce frameworku Angular

VueJS je dílem čínského programátora Evana You, který v době jeho vzniku pracoval v Google Creative Labs. Google se však o vznik tohoto frontendového frameworku přímo nezapříčinil a Evan později svou pracovní pozici opustil, aby se mohl této nadějné technologii věnovat naplno.

„Vue.js jsem začal vyvíjet v roce 2013 jako soukromý projekt, když jsem pracoval v  Google Creative Labs. Mojí prací bylo vyvíjení mnoha prototypů uživatelských rozhraní. Mnoho jsem jich vytvořil ve vanilla JavaScriptu a za použití javascriptového frameworku Angular. Poté jsem chtěl něco, co by převzalo deklarativní povahu Angularu a také jeho způsob vázání dat a spojilo je s jednodušším a dosažitelnějším API ,“

popsal Evan You důvody, které ho vedly k zahájení prací na vývoji Vue.js.

V zásadě šlo tedy o to, využít přednosti Angularu a dodat jim ještě další dimenzi:

„Představil jsem si, co kdybych mohl vyndat část, kterou na Angularu opravdu miluji a postavit něco lehkého, bez toho, co je navíc? Byl jsem zvědavý, jak funguje jeho vnitřní implementace. Tenhle experiment jsem začal tím, že jsem se snažil replikovat třeba vázání dat,“

prozradil Evan You s tím, že na projektu pracoval nadále. Stále více si uvědomoval, jak moc mu Vue.js usnadňuje práci, a proto se ho rozhodl sdílet s ostatními. Projekt umístil na Github, kde se stal rychle populární.

Vývoj technologie Vue.js dodnes nepodporuje žádná velká firma. Náklady na nutný rozvoj jsou hrazeny ze sponzorských příspěvků získaných na platformě Patreon a dalším sponzorským programům. VueJS je tak vyvíjen v duchu hesla "programátoři programátorům", nestojí za ním žádné reklamy ani cílený marketing.

Vue.js jako důstojný soupeř knihovny React

Další výhodou VueJS je, již zmíněné, začlenění do stávající webové aplikace. Vue vychází z jazyka HTML, na rozdíl od Reactu obsahuje skutečné kódy HTML, které fungují jako kontejner obsahující prvky Vue.js. Jde tedy vlastně o „rozšíření“ jazyka HTML.

Začlenění komponenty napsané ve Vue.js jde tedy snadno integrovat do stávající webové aplikace nebo webu. Tento digitální produkt přitom nijak nezatíží, ba právě naopak.

Webové aplikace či komponenty vytvořené ve Vue.js se zobrazují extrémně rychle, v měřených testech mají dokonce ještě lepší parametry než za použití technologie React.

V kontextu rychlosti načítání stránek je dobré zmínit také velikost frameworku, která je v případě Vue.js 18–21 kB, přičemž velikost React.js je kolem 135 kB.

Tvorba webových stránek a vývoj webových aplikací s frameworkem Vue.js

Ačkoli nemá Vue v zádech podporu žádného velkého hráče na internetovém trhu a jeho popularita stále roste, na vrcholu určitě ještě není. Je jasné, že nejde o technologii, kterou je možné aplikovat ve všech případech, ale v mnoha si jistě najde své opodstatnění.

Evanovi se totiž povedlo skutečně to, co si předsevzal, a vytvořil lehký, svižný, dobře pochopitelný a ovladatelný framework.

Technologie Vue.js je tak přístupná i začínajícím programátorům, ba dokonce se často doporučuje právě s tímto frameworkem začít.

Tento framework, nebo spíše knihovna, je snadný na naučení. Vývoj vlastní webové aplikace tak nebude velký problém ani pro začátečníka, který zná HTML a JavaScript.

Framework také umožňuje vygenerovat kostru nového projektu a jeho učení dále usnadňuje kvalitní dokumentace.

Nevýhody frameworku Vue.js

Předchozí odstavce již popsaly nejzajímavější přednosti a výhody frameworku Vue.js. Kvůli objektivitě je však důležité zmínit také některá jeho úskalí. Pravděpodobně největší nevýhodou frameworku Vue JS zůstává již zmíněný fakt, že ho nepodporuje žádná gigantická firma, jež by zajistila další vývoj.

Framework Vue JS se rozvíjí svépomocí, na základě crowdfundingové kampaně. Neexistuje tak žádná oficiální podpora, vše běží na bázi dobrovolnosti programátorské komunity, což není všespasitelné.

Zejména při integraci do většího systému se může stát, že programátor pohoří a zkušenosti s podobným problémem nebude kde hledat. Na druhou stranu tomuto frameworku uvěřily, a začaly ho používat, firmy jako například Nintendo, Alibaba nebo Baidu. A ty určitě vědí proč.

Pokud vás vývoj webových aplikací či tvorba webu s využitím frameworku Vue.js zaujala, tak nás neváhejte kontaktovat. Postaráme se o kompletní vývoj, od prvních návrhů až po nasazení mezi uživatele.


Potřebujete poradit?