Webová komponenta - Tabulka

Onipchenko, Mykhailo

Publikace:
Webová komponenta - Tabulka

Bakalářská práceopen access

dc.contributor.advisor	Čegan, Lukáš
dc.contributor.author	Onipchenko, Mykhailo
dc.date.accepted	2025-09-10
dc.date.accessioned	2025-10-14T03:32:49Z
dc.date.issued	2025
dc.date.submitted	2025-08-22
dc.description.abstract	Bakalářská práce se zaměřuje na návrh a implementaci webové komponenty pro práci s tabulkovými daty. Teoretická část analyzuje historii a architekturu webových komponent, včetně klíčových standardů (Custom Elements, Shadow DOM, HTML Templates). Práce provádí podrobnou rešerši současných tabulkových komponent dostupných na trhu (SAP UI5, Vaadin Grid, AG Grid) a zkoumá různá API pro práci s daty (REST, GraphQL, OData). Zvláštní pozornost je věnována problematice responzivity tabulek pro různá výstupní zařízení. V praktické části je navržena a implementována komponenta <my-table> využívající knihovnu LitElement. Komponenta poskytuje pokročilé funkce jako filtrování, řazení, stránkování, inline editaci, lazy loading a virtualizaci pro velké datasety. Architektura je navržena s důrazem na modularitu, rozšiřitelnost a výkon. Komponenta podporuje různé datové zdroje prostřednictvím adaptérů a zajišťuje plnou přístupnost podle standardů WCAG. Výsledkem je znovupoužitelná, framework-agnostická komponenta využitelná v moderních webových aplikacích.	cze
dc.description.abstract-translated	The bachelor's thesis focuses on the design and implementation of a web component for working with tabular data. The theoretical part analyzes the history and architecture of web components, including key standards (Custom Elements, Shadow DOM, HTML Templates). The work conducts a detailed research of current table components available on the market (SAP UI5, Vaadin Grid, AG Grid) and examines various APIs for data manipulation (REST, GraphQL, OData). Special attention is paid to the issue of table responsiveness for different output devices. In the practical part, a <my-table> component is designed and implemented using the LitElement library. The component provides advanced features such as filtering, sorting, pagination, inline editing, lazy loading, and virtualization for large datasets. The architecture is designed with emphasis on modularity, extensibility, and performance. The component supports various data sources through adapters and ensures full accessibility according to WCAG standards. The result is a reusable, framework-agnostic component suitable for modern web applications.	eng
dc.description.defence	Cílem bakalářské práce bylo navrhnout a implementovat webovou komponentu pro práci s tabulkovými daty, která je snadno použitelná, flexibilní a výkonná. Cíle bakalářské práce byly naplněny. Student prezentoval výsledky své bakalářské práce i s názornými ukázkami. Dle vedoucího se v práci vyskytly nedostatky jak po formální stránce, tak je i text ve velké míře přestrukturován.	cze
dc.description.department	Fakulta elektrotechniky a informatiky	cze
dc.description.grade	Dokončená práce s úspěšnou obhajobou	cze
dc.format	66 s.
dc.identifier.stag	50300
dc.identifier.uri	https://hdl.handle.net/10195/86395
dc.language.iso	cze
dc.publisher	Univerzita Pardubice	cze
dc.rights	Bez omezení
dc.subject	webové komponenty	cze
dc.subject	tabulková data	cze
dc.subject	LitElement	cze
dc.subject	Shadow DOM	cze
dc.subject	Custom Elements	cze
dc.subject	responzivní design	cze
dc.subject	virtualizace	cze
dc.subject	lazy loading	cze
dc.subject	CRUD operace	cze
dc.subject	datové adaptéry	cze
dc.subject	přístupnost	cze
dc.subject	web standards	cze
dc.subject	web components	eng
dc.subject	tabular data	eng
dc.subject	LitElement	eng
dc.subject	Shadow DOM	eng
dc.subject	Custom Elements	eng
dc.subject	responsive design	eng
dc.subject	virtualization	eng
dc.subject	lazy loading	eng
dc.subject	CRUD operations	eng
dc.subject	data adapters	eng
dc.subject	accessibility	eng
dc.subject	web standards	eng
dc.thesis.degree-discipline	Informační technologie	cze
dc.thesis.degree-grantor	Univerzita Pardubice. Fakulta elektrotechniky a informatiky	cze
dc.thesis.degree-name	Bc.
dc.thesis.degree-program	Informační technologie	cze
dc.title	Webová komponenta - Tabulka	cze
dc.title.alternative	Web component - table	eng
dc.type	bakalářská práce	cze
dspace.entity.type	Publication