Moderní JavaScript frameworky pro vývoj Single Page Aplikace

Bc. Jana Turoňová

Master's thesis

Modern JavaScript frameworks for Single Page Application development

Anotácia:

Tato diplomová práce se zaměřuje na moderní JavaScriptové frameworky vhodné pro vývoj webových single page aplikací (SPA). Teoretická část práce popisuje možné přístupy k tvorbě webových aplikací se zaměřením na technologie a architektury. Speciální pozornost je pak kladena na tři JavaScriptové frameworky pro vývoj webových aplikací - Vue, React a Angular a jejich vzájemné porovnání. V empirické části práce je vytvořeno uživatelské a grafické rozhraní webové stránky a je navržena struktura a architektura SPA projektu. Tato stránka je následně implementována za využití frameworků Vue, React a Angular. Pro každou implementaci je provedeno měření výkonových a UX metrik, jak pro mobilní tak i pro desktopová zařízení, dále bylo provedeno měření spotřeby zdrojů. Frameworky jsou analyzovány také z hlediska strmosti křivky učení, podpory prohlížečů a velikosti komunity. Ve výsledcích jsou uvedena doporučení pro použití těchto frameworků na základě výsledků komparace, dle potřeby aplikace a dle zkušeností vývojáře.

Abstract:

This thesis focuses on modern JavaScript frameworks suitable for development of single page web applications (SPA). The theoretical part of the thesis describes the possible approaches to creating web applications, with a focus on technologies and architectures. Special attention is then paid to three JavaScript frameworks for developing web applications - Vue, React and Angular and their mutual comparison. In the empirical part of the work, the user and graphic interface of the website is created, and the structure and architecture of the SPA project is designed. This proposed page is subsequently implemented using the Vue, React and Angular frameworks. Performance and UX metrics are assessed for each implementation, both for mobile and desktop devices, resource consumption of individual implementation was measured too. Frameworks are also analysed in terms of learning curve steepness, browser support and community size. The conclusions include recommendations for the use of these frameworks based on the results of the comparison, according to the needs of the application and according to the developer's experience.

Kľúčové slová

Javascript, framework, Angular, React, Vue, Single Page Application

Keywords

JavaScript, framework, Angular, React, Vue, Single Page Application

Jazyk práce: Czech

Datum vytvoření / odevzdání či podání práce: 18. 4. 2023

Obhajoba závěrečné práce

• Obhajoba proběhla 26. 5. 2023
• Vedúci: Ing. Petr Hanzlík, Ph.D.
• Oponent: Matěj Němec, externi

Czech University of Life Sciences Prague

Faculty of Economics and Management

Master programme:
Informatika