Výhody a nevýhody použití webových komponent při vývoji moderních webových aplikací
| Název práce: | Výhody a nevýhody použití webových komponent při vývoji moderních webových aplikací |
|---|---|
| Autor(ka) práce: | Zemanec, Hynek |
| Typ práce: | Bakalářská práce |
| Vedoucí práce: | Kosek, Jiří |
| Oponenti práce: | Vojíř, Stanislav |
| Jazyk práce: | Česky |
| Abstrakt: | Práce mapuje možnosti aplikace znovupoužitelných komponent v kontextu webového vývoje se zaměřením na standard webových komponent a JavaScriptovou knihovnu React. Pro účely komparativní analýzy výhod a nevýhod byly implementovány 3 varianty vzhledově stejné webové aplikace, nejprve exkluzivně prostřednictvím každé technologie a následně jejich kombinací. Provedeným aplikačním a uživatelským testováním byla vyhodnocena nejvhodnější varianta, kombinující oba přístupy. Závěrem analýzy je poznatek, že technologie si vzájemně nekonkurují a při vhodné kombinaci vytvářejí komplementární vztah. Vytvořená webová aplikace slouží pro účely soukromé veterinární ambulance. Jejímu vzniku předcházela analýza funkčních a ne-funkčních požadavků, které byly zohledněny v grafickém návrhu, na jehož základech byly komponenty vymezeny a následně implementovány. Výsledkem práce je množina znovupoužitelných komponent pro každou z diskutovaných technologií a konfigurované prostředí pro snadnější vývoj webových komponent. |
| Klíčová slova: | React; Shadow DOM; webové komponenty; custom elements; HTML Templates; ES Modules |
| Název práce: | Advantages and disadvantages of the use of web components for development of modern web applications |
|---|---|
| Autor(ka) práce: | Zemanec, Hynek |
| Typ práce: | Bachelor thesis |
| Vedoucí práce: | Kosek, Jiří |
| Oponenti práce: | Vojíř, Stanislav |
| Jazyk práce: | Česky |
| Abstrakt: | The paper maps the possibilities of application of reusable components in the context of web development with a focus on the standard of web components and the JavaScript library React. For the purposes of comparative analysis of advantages and disadvantages, 3 variants of the same web application were implemented, first using each technology exclusively, followed by their combination. The most suitable variant, combining both approaches, was evaluated by the results of both application and user testing. The result of the analysis is a conclusion that technologies do not compete, but rather form a complementary relationship when suitably combined. Created web application is used for the purposes of a private veterinary clinic. Its creation was preceded by an analysis of functional and non-functional requirements, which were later taken into account in the graphic design, on the basis of which the components were outlined and subsequently implemented. The result of the implementation is a set of reusable components for each of the discussed technologies and a configured environment for easier development of web components. |
| Klíčová slova: | React; web components; custom elements; HTML Templates; Shadow DOM; ES Modules |
Informace o studiu
| Studijní program / obor: | Aplikovaná informatika/Aplikovaná informatika |
|---|---|
| Typ studijního programu: | Bakalářský studijní program |
| Přidělovaná hodnost: | Bc. |
| Instituce přidělující hodnost: | Vysoká škola ekonomická v Praze |
| Fakulta: | Fakulta informatiky a statistiky |
| Katedra: | Katedra informačního a znalostního inženýrství |
Informace o odevzdání a obhajobě
| Datum zadání práce: | 11. 10. 2019 |
|---|---|
| Datum podání práce: | 10. 5. 2020 |
| Datum obhajoby: | 15. 6. 2020 |
| Identifikátor v systému InSIS: | https://insis.vse.cz/zp/71244/podrobnosti |