Využití Front-End frameworků při tvorbě webové stránky

Bc. Vojtěch Balata

Master's thesis

Use of Front-End Frameworks for creating Websites

Abstract:

Diplomová práce je zaměřena na Front-end design webových stránek, kde se autor primárně zaměřuje na popsání a analýzu běžně používaných JavaScript a UI frameworků. Poznatky z analýzy jsou poté uplatněné v ukázkové webové stránce. Práce je rozdělena na dvě části. V první části práce jsou popsány teoretické principy problematiky vývoje webových stránek a aplikací, přičemž je u UI frameworků kladen velký důraz na responzivní design, který je v dnešní době používání různě velkých zařízeních stěžejní a tyto nástroje se jím ve větší míře zabývají. Následně jsou popsány postupy týkající se architektury moderních JavaScript frameworků. Na závěr této části je popsána vícekriteriální analýza variant, která je využita při analýze frameworků v druhé části práce. Druhá část práce je věnována vlastní práci. V této části jsou vytvořeny verze webové stránky pomocí popisovaných nejpoužívanějších frameworků. Pro celkem šest frameworků (tři webové aplikační frameworky, tři UI frameworky) jsou vytvořeny tři webové stránky, které slouží k určení a hodnocení vhodných kritérií. Následně je provedena vícekriteriální analýza variant s cílem nalézt jak u JavaScript, tak i u UI frameworků kompromisní variantu. Vícekriteriální analýza je provedena pomocí metody váženého součtu. Výsledkem této analýzy je, že jako JavaScript framework je vhodné použít Vue a jako UI framework pak Tailwind. Výsledky jsou formulovány a porovnány se závěry z jiných odborných zdrojů.

Abstract:

The thesis focuses on Front-end design of websites, where the author primarily describes and analyzes commonly used JavaScript and UI frameworks. The findings from the analysis are then applied to a sample website. The work is divided into two parts. In the first part of the work, the theoretical principles of the issue of web development and applications are described, with a great emphasis on responsive design in UI frameworks, which is crucial in today's use of variously sized devices and these tools deal with it to a greater extent. Subsequently, procedures related to the architecture of modern JavaScript frameworks are described. At the end of this part, a multi-criteria analysis of variants is described, which is used in the analysis of frameworks in the second part of the work. The second part of the work is devoted to the author's own work. In this part, versions of the website are created using the described most commonly used frameworks. For a total of six frameworks (three web application frameworks, three UI frameworks), three websites are created, which serve to determine and evaluate suitable criteria. Subsequently, a multi-criteria analysis of variants is performed with the aim of finding a compromise variant in both JavaScript and UI frameworks. The multi-criteria analysis is performed using the method of the weighted sum. The result of this analysis is that as a JavaScript framework it is appropriate to use Vue and as a UI framework then Tailwind. The results are formulated and compared with conclusions from other professional sources.

Keywords

html, css, javascript, framework, web, front-end

Keywords

javascript, framework, front-end, html, css, web

Language used: Czech

Date on which the thesis was submitted / produced: 1. 4. 2024

Thesis defence

• Date of defence: 27. 5. 2024
• Supervisor: Ing. Petr Benda, Ph.D.
• Reader: Ladislav Benda, externi

Czech University of Life Sciences Prague

Faculty of Economics and Management

Master programme:
Informatika