Vývoj webových Single Page Applications s využitím perspektivní techniky micro-frontendu

Petr VRBA

Bakalářská práce

Development of Web Single Page Applications using a promising micro-frontend technique.

Anotace:

Cílem bakalářské práce je zpracování problematiky tvorby webových Single Page Applications (dále SPA) s využitím perspektivních technologií micro-frontendu. Využití micro-frontendových technologií v rámci SPA umožňují práci s daty a obsahem webových stran, aniž by bylo třeba obnovovat stránku. Stejně tak jsou i perspektivní metodou, jak složitější aplikace díky dělbě práce na straně klienta i hostingu realizovat, aniž by docházelo k přetížení serveru. Teoretická část bude zaměřená na význam a specifikace SPA a micro-frontendu, dále pak budou představeny základní jazyky a technologie, se kterými se v rámci SPA pracuje, včetně konkrétních frameworků pro JavaScript. Součástí teoretické části bude také představení funkcionality a významu balíčkovacích systémů pro SPA. V praktické části bude hlavním výstupem webová stránka demonstrující SPA za použití micro-frontendových technologií na konkrétních příkladech a funkcionalitách. Webová stránka bude následně sloužit jako první veřejně dostupná dokumentace v českém jazyce, věnující se problematice Single Page Applications s využitím micro-frontendu, kterou budou moci využít IT odborníci i studenti.

Abstract:

The point of the bachelors thesis is to process problematics of the Single Page Applications (SPA further) websites development using promising micro-frontend technologies. Using of micro-frontend technologies for SPA allows processing of data and website content without need of webpage refresh. They are concurrently promising method, how to realize more complex aplications without server overload, thanks to division of labor between server and clients browser. The content of the theoretical part will be focused on meaning and specifications of SPA and micro-frontend, then presentation of specific JavaScript frameworks. In the theoretical part will be presented functionality and the importance of packaging systems for SPA also. The main result of the work will be SPA website demonstrating usement of micro-frontend technologies on specific examples and functionalities. The website will be used as first public documentation in czech language, dedicate with Single Page Applications using micro-frontend, which will be able to be used by IT professionals and students.

Klíčová slova

Single Page Aplikace, Micro-Fronted, Frontend, JavaScript, React.js, Angular, Vue.js, framework, balíčkovací systém

Jazyk práce: čeština

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

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

• Vedoucí: PaedDr. Petr Pexa, Ph.D.

JIHOČESKÁ UNIVERZITA V ČESKÝCH BUDĚJOVICÍCH

Pedagogická fakulta

Bakalářský studijní program / obor:
Specializace v pedagogice / Informační technologie a e-learning