Tato bakalářská práce se zaměřuje na porovnání JavaScript frameworků Angular, Vue a React prostřednictvím demonstrační aplikace. Úvod práce seznamuje s problematikou tvorby webové aplikace a volby frameworků. Teoretická část navazuje charakteristikou struktury a základních konceptů dle způsobu využití. Úvod praktické části se věnuje představení a stanovení požadavků pro demonstrační aplikaci. Dále je znázorněno rozložení prvků uživatelského rozhraní dle grafického návrhu aplikace. Praktická část navazuje stanovením parametrů k porovnání, které jsou sestaveny k objektivnímu zhodnocení. Závěr práce je věnován po-rovnání dle stanovených parametrů a zhodnocení výsledků.
Anotace v angličtině
This Bachelor's thesis focuses on comparing the JavaScript frameworks Angular, Vue, and React through a demonstration application. The introduction of the thesis presents the issues of web application development and the choice of frameworks. The theoretical part follows by characterizing the structure and basic concepts according to the application. The introduction of the practical part is devoted to the introduction and stanovation of the requirements for the demonstration application. Furthermore, the layout of the user-interface elements ac-cording to the graphical design of the application is shown. The practical part is followed by setting parameters for comparison, which are compiled for objective evaluation. The conclusion of the work is devoted to the comparison according to the established parameters and the evaluation of the results.
Angular, Vue, React, framework, web application, comparison, JavaScript
Rozsah průvodní práce
64 s. (76 635 znaků)
Jazyk
CZ
Anotace
Tato bakalářská práce se zaměřuje na porovnání JavaScript frameworků Angular, Vue a React prostřednictvím demonstrační aplikace. Úvod práce seznamuje s problematikou tvorby webové aplikace a volby frameworků. Teoretická část navazuje charakteristikou struktury a základních konceptů dle způsobu využití. Úvod praktické části se věnuje představení a stanovení požadavků pro demonstrační aplikaci. Dále je znázorněno rozložení prvků uživatelského rozhraní dle grafického návrhu aplikace. Praktická část navazuje stanovením parametrů k porovnání, které jsou sestaveny k objektivnímu zhodnocení. Závěr práce je věnován po-rovnání dle stanovených parametrů a zhodnocení výsledků.
Anotace v angličtině
This Bachelor's thesis focuses on comparing the JavaScript frameworks Angular, Vue, and React through a demonstration application. The introduction of the thesis presents the issues of web application development and the choice of frameworks. The theoretical part follows by characterizing the structure and basic concepts according to the application. The introduction of the practical part is devoted to the introduction and stanovation of the requirements for the demonstration application. Furthermore, the layout of the user-interface elements ac-cording to the graphical design of the application is shown. The practical part is followed by setting parameters for comparison, which are compiled for objective evaluation. The conclusion of the work is devoted to the comparison according to the established parameters and the evaluation of the results.
Angular, Vue, React, framework, web application, comparison, JavaScript
Zásady pro vypracování
Seznamte se s problematikou tvorby webové aplikace s využitím JavaScript frameworků Angular, Vue a React.
Zmíněné frameworky prostudujte a popište jejich architekturu a způsob využití.
Navrhněte způsob srovnání uvedených vývojových nástrojů.
Na základě navrženého postupu a pomocí implementované demonstrační aplikace proveďte srovnání.
V závěru shrňte a okomentujte dosažené výsledky srovnání.
Zásady pro vypracování
Seznamte se s problematikou tvorby webové aplikace s využitím JavaScript frameworků Angular, Vue a React.
Zmíněné frameworky prostudujte a popište jejich architekturu a způsob využití.
Navrhněte způsob srovnání uvedených vývojových nástrojů.
Na základě navrženého postupu a pomocí implementované demonstrační aplikace proveďte srovnání.
V závěru shrňte a okomentujte dosažené výsledky srovnání.
Seznam doporučené literatury
React: A JavaScript library for building user interfaces [online]. Facebook, 2021 [cit. 2021-12-01]. Dostupné z: https://reactjs.org/docs/getting-started.html
Angular: Introduction to the Angular Docs [online]. Google, 2021 [cit. 2021-12-01]. Dostupné z: https://angular.io/docs
BANKS, Alex a Eve PORCELLO. Learning React [online]. O'Reilly Media, 2017 [cit. 2021-9-13]. ISBN 9781491954621. Dostupné z: https://www.oreilly.com/library/view/learning-react/9781491954614/
MACRAE, Callum. Vue.js: Up and Running [online]. O'Reilly Media, 2018 [cit. 2021-9-13]. ISBN 9781491997246. Dostupné z: https://www.oreilly.com/library/view/vuejs-up-and/9781491997239/
SESHADRI, Shyam. Angular: Up and Running [online]. O'Reilly Media, 2018 [cit. 2021-9-13]. ISBN 9781491999837. Dostupné z: https://www.oreilly.com/library/view/angular-up-and/9781491999820/
MEYER, Eric A. a Estelle WEYEL. CSS: The Definitive Guide, 4th Edition [online]. 4th edition. O'Reilly Media, 2017 [cit. 2021-9-13]. ISBN 9781449393199. Dostupné z: https://www.oreilly.com/library/view/css-the-definitive/9781449325053/
Seznam doporučené literatury
React: A JavaScript library for building user interfaces [online]. Facebook, 2021 [cit. 2021-12-01]. Dostupné z: https://reactjs.org/docs/getting-started.html
Angular: Introduction to the Angular Docs [online]. Google, 2021 [cit. 2021-12-01]. Dostupné z: https://angular.io/docs
BANKS, Alex a Eve PORCELLO. Learning React [online]. O'Reilly Media, 2017 [cit. 2021-9-13]. ISBN 9781491954621. Dostupné z: https://www.oreilly.com/library/view/learning-react/9781491954614/
MACRAE, Callum. Vue.js: Up and Running [online]. O'Reilly Media, 2018 [cit. 2021-9-13]. ISBN 9781491997246. Dostupné z: https://www.oreilly.com/library/view/vuejs-up-and/9781491997239/
SESHADRI, Shyam. Angular: Up and Running [online]. O'Reilly Media, 2018 [cit. 2021-9-13]. ISBN 9781491999837. Dostupné z: https://www.oreilly.com/library/view/angular-up-and/9781491999820/
MEYER, Eric A. a Estelle WEYEL. CSS: The Definitive Guide, 4th Edition [online]. 4th edition. O'Reilly Media, 2017 [cit. 2021-9-13]. ISBN 9781449393199. Dostupné z: https://www.oreilly.com/library/view/css-the-definitive/9781449325053/
Přílohy volně vložené
-
Přílohy vázané v práci
-
Převzato z knihovny
Ne
Plný text práce
Přílohy
Posudek(y) oponenta
Hodnocení vedoucího
Záznam průběhu obhajoby
Student v prezentaci seznámil komisi s výsledky své bakalářské práce. Po přečtení posudků vedoucího a oponenta následovala diskuze, ve které byly položeny následující dotazy:
doc Kotyrba:
- Slyšel jste někdy jméno Yurin Govčuk?
doc Chramcov:
- Z čeho jste vycházel při hodnocení?
Student na položené dotazy odpověděl a reagoval pohotově.