Cílem bakalářské práce je porovnat vývoj demonstrační aplikace ve frameworcích Angular, React a Vue za pomoci rozšiřujících knihoven pro tvorbu uživatelských rozhraní. Úvodem práce pojednává o problematice návrhu uživatelského rozhraní. Dále práce obsahuje představení jednotlivých frameworků a rozšiřujících knihoven. Následně se práce věnuje vývoji tří variant demonstrační aplikace, vždy se jedná o framework a jeho rozšiřující knihovnu. Poslední část se pak věnuje shrnutí vývoje všech aplikací a porovnání výhod použitých nástrojů.
Annotation in English
The aim of the bachelor thesis is to compare the development of a demonstration application in Angular, React and Vue frameworks with the help of extension libraries for creating user interfaces. The introduction deals with the issue of user interface design. Furthermore, this thesis contains an introduction to individual frameworks and extension libraries. Subsequently, this thesis deals with the development of three variants of the demonstration application, it is always a framework and its extension library. The last part then summarizes the development of all applications and compares the benefits of the tools used.
Keywords
Uživatelské rozhraní, Angular, Angular Material, React, Material UI, Vue, Vuetify
Keywords in English
User interface, Angular, Angular Material, React, Material UI, Vue, Vuetify
Length of the covering note
69 s
Language
CZ
Annotation
Cílem bakalářské práce je porovnat vývoj demonstrační aplikace ve frameworcích Angular, React a Vue za pomoci rozšiřujících knihoven pro tvorbu uživatelských rozhraní. Úvodem práce pojednává o problematice návrhu uživatelského rozhraní. Dále práce obsahuje představení jednotlivých frameworků a rozšiřujících knihoven. Následně se práce věnuje vývoji tří variant demonstrační aplikace, vždy se jedná o framework a jeho rozšiřující knihovnu. Poslední část se pak věnuje shrnutí vývoje všech aplikací a porovnání výhod použitých nástrojů.
Annotation in English
The aim of the bachelor thesis is to compare the development of a demonstration application in Angular, React and Vue frameworks with the help of extension libraries for creating user interfaces. The introduction deals with the issue of user interface design. Furthermore, this thesis contains an introduction to individual frameworks and extension libraries. Subsequently, this thesis deals with the development of three variants of the demonstration application, it is always a framework and its extension library. The last part then summarizes the development of all applications and compares the benefits of the tools used.
Keywords
Uživatelské rozhraní, Angular, Angular Material, React, Material UI, Vue, Vuetify
Keywords in English
User interface, Angular, Angular Material, React, Material UI, Vue, Vuetify
Research Plan
Popište teoreticky základní principy a problematiku tvorby webového uživatelského prostředí.
Nastudujte a popište javascriptové frameworky Angular, React a Vue.
Pro každý z výše uvedených frameworků vyberte a popište rozšiřující knihovnu pro vývoj uživatelského prostředí.
Vytvořte demonstrační aplikaci v každém z vybraných frameworků a zaměřte se zejména na způsob tvorby uživatelského rozhraní pomocí rozšiřujících knihoven.
Porovnejte vývoj uživatelského prostředí mezi jednotlivými frameworky a zhodnoťte přínosy vybraných rozšiřujících knihoven.
Research Plan
Popište teoreticky základní principy a problematiku tvorby webového uživatelského prostředí.
Nastudujte a popište javascriptové frameworky Angular, React a Vue.
Pro každý z výše uvedených frameworků vyberte a popište rozšiřující knihovnu pro vývoj uživatelského prostředí.
Vytvořte demonstrační aplikaci v každém z vybraných frameworků a zaměřte se zejména na způsob tvorby uživatelského rozhraní pomocí rozšiřujících knihoven.
Porovnejte vývoj uživatelského prostředí mezi jednotlivými frameworky a zhodnoťte přínosy vybraných rozšiřujících knihoven.
Material UI. Material UI [online]. Francie: Material-UI SAS, 2014 [cit. 2021-9-27]. Dostupné z: https://mui.com/
Vuetify. Vuetify [online]. USA: John and Heather Leider, 2016 [cit. 2021-9-27]. Dostupné z: https://vuetifyjs.com/en/
BANKS, Alex a Eve PORCELLO. Learning React: functional web development with React and Redux. Sebastopol, CA: O'Reilly Media, 2017. ISBN 9781491954621.
MOHAMMED, Zama Khan. Angular Projects: build nine real-world applications from scratch using Angular 8 and TypeScript. Birmingham: Packt publishing, 2019. ISBN 1838559353.
MACRAE, Callum. Vue.js: up and running : building accessible and performant web apps. Sebastopol: O'Reilly, 2018. ISBN 1491997249.
Material UI. Material UI [online]. Francie: Material-UI SAS, 2014 [cit. 2021-9-27]. Dostupné z: https://mui.com/
Vuetify. Vuetify [online]. USA: John and Heather Leider, 2016 [cit. 2021-9-27]. Dostupné z: https://vuetifyjs.com/en/
BANKS, Alex a Eve PORCELLO. Learning React: functional web development with React and Redux. Sebastopol, CA: O'Reilly Media, 2017. ISBN 9781491954621.
MOHAMMED, Zama Khan. Angular Projects: build nine real-world applications from scratch using Angular 8 and TypeScript. Birmingham: Packt publishing, 2019. ISBN 1838559353.
MACRAE, Callum. Vue.js: up and running : building accessible and performant web apps. Sebastopol: O'Reilly, 2018. ISBN 1491997249.
