Tato bakalářská práce se zaměřuje na prozkoumání Svelte a SvelteKit jako nástrojů pro vývoj webových aplikací. V teoretické části je důkladně zkoumán princip a koncepty obou nástrojů. V praktické části je provedeno srovnání Svelte s dalšími populárními JavaScriptovými frameworky prostřednictvím série experimentů. Dále je v práci představen proces návrhu a implementace webové aplikace s využitím Svelte a SvelteKit.
Anotace v angličtině
This bachelor's thesis focuses on the exploration of Svelte and SvelteKit as tools for web application development. The theoretical part thoroughly investigates the principles and concepts of both tools. The practical part involves comparing Svelte with other popular JavaScript frameworks through a series of experiments. Additionally, the thesis presents the process of designing and implementing a web application using Svelte and SvelteKit.
Klíčová slova
Svelte, SvelteKit, JavaScript, Wireframy, Webový vývoj
Klíčová slova v angličtině
Svelte, SvelteKit, JavaScript, Wireframes, Web development
Rozsah průvodní práce
94 s. (98 538 znaků)
Jazyk
CZ
Anotace
Tato bakalářská práce se zaměřuje na prozkoumání Svelte a SvelteKit jako nástrojů pro vývoj webových aplikací. V teoretické části je důkladně zkoumán princip a koncepty obou nástrojů. V praktické části je provedeno srovnání Svelte s dalšími populárními JavaScriptovými frameworky prostřednictvím série experimentů. Dále je v práci představen proces návrhu a implementace webové aplikace s využitím Svelte a SvelteKit.
Anotace v angličtině
This bachelor's thesis focuses on the exploration of Svelte and SvelteKit as tools for web application development. The theoretical part thoroughly investigates the principles and concepts of both tools. The practical part involves comparing Svelte with other popular JavaScript frameworks through a series of experiments. Additionally, the thesis presents the process of designing and implementing a web application using Svelte and SvelteKit.
Klíčová slova
Svelte, SvelteKit, JavaScript, Wireframy, Webový vývoj
Klíčová slova v angličtině
Svelte, SvelteKit, JavaScript, Wireframes, Web development
Zásady pro vypracování
1. Popište teoreticky základní pricipy a problematiku tvorby webového rozhraní pomocí nástroje Svelte. 2. Nastudujte a porovnejte jiné javascriptové frameworky s frameworkem Svelte. 3. Vytvořte UI/UX pro ukázkovou aplikaci ve zvoleném návrhovém software. 4. Zpracujte návrh s využitím nástroje Svelte a implementujte do webové aplikace.
Zásady pro vypracování
1. Popište teoreticky základní pricipy a problematiku tvorby webového rozhraní pomocí nástroje Svelte. 2. Nastudujte a porovnejte jiné javascriptové frameworky s frameworkem Svelte. 3. Vytvořte UI/UX pro ukázkovou aplikaci ve zvoleném návrhovém software. 4. Zpracujte návrh s využitím nástroje Svelte a implementujte do webové aplikace.
Student seznámil komisi s výsledky své bakalářské práce. Poté byly prezentovány posudky vedoucího a oponenta a následně byla vedena rozprava, během které byly položeny následující otázky a komentáře:
Největší přínos však vidím v praktické části, kde mimo samotné ukázky implementace jednotlivých Svelte komponent na reálném příkladu e-shopu, je vloženo porovnání s ostatními konkurenčními frameworky. Toto porovnání je na velmi profesionální úrovni. Je zde navrženo několik experimentů (časové náročnosti, paměťové náročnosti …), které jsou důkladně popsány a jejich závěry jsou logicky vysvětleny. Tuto část práce si dovedu představit jako samostatný článek v nějakém periodiku pro webové vývojáře. (Ing. Ulrich)
Jak se projevovalo vykreslování velkého seznamu ve všech aplikacích bez použití virtual-scroll?
Proč byl v práci upřednostněn JavaScript před TypeScriptem?
V praktické části velmi kladně hodnotím důkladné srovnání React, Vue a Svelte technologií z
pohledu reálné aplikace a jeho použití. Co zde mohu vytknout je absence frameworku Angular a
nedodržení 100% konzistence UI napříč technologiemi. Avšak toto srovnání dostačující, jelikož
jasně ukazuje možnou cestu budoucích webových frameworků a knihoven. Dále je v praktické části
představeno využití nástroje Figma pro návrh a wireframe UI/UX demo aplikace, která je následně
implementována pomocí SvelteKit a dalších nástrojů, kde ukazuje jeho aktuální možnosti použití ve
světe e-commerce. (Ing. Forman)
Jak testy, které jste prováděl, odpovídají reálnému použití? Kdy byl test proveden, při nahrání? (prof. Platoš)
Když jste vyhodnocoval náročnost, kolikrát jste provedl vyhodnocení pro jednu instanci? Ověřoval jste robustnost, zda výsledek nebyl ovlivněn externími vlivy? (prof. Šenkeřík)
Vše probíhalo jen v jednom prohlížečí? (dr. Oulehla)