CSS/JS knihovna pro zjednodušení vývoje grafického rozhraní webových stránek

Martin Škára

Bakalářská práce

CSS/JS library improving the development of websites graphical interface

Anotace:

Jednou z částí vývoje, kterou musí projít každá webová stránka, je tvorba grafického rozhraní. Jelikož ale na stránkách můžeme často najít společné prvky či styly, vytvářet tak vše stále znovu by bylo velmi časově náročné a tudíž kontraproduktivní. I proto vznikají znovupoužitelné knihovny, které vývoj grafického rozhraní zjednodušují a definují vzhled a chování často užívaných prvků stránky. Vývojář tak může přemýšlet nad tím, kterou z těchto knihoven zvolit, či zda případně vyvinout nástroj vlastní, který bude plně vyhovovat jeho požadavkům. Hlavním cílem práce je vývoj vlastní knihovny zjednodušující vývoj grafického rozhraní obsahující grid systém, pomocné třídy a znovupoužitelné komponenty. Samotná knihovna byla vyvíjena v CSS preprocesoru SASS a javascriptové knihovně jQuery. Práce popisuje jak samotný vývoj knihovny, tak i použité technologie, analýzu existujících řešení pro tvorbu grafického rozhraní webových stránek, vytvoření komplexních příkladů demonstrující možnosti knihovny, vytvoření dokumentace a publikování knihovny.

Abstract:

The important part of website development is the development of a graphical interface. On most websites, however, we can find similar elements or styles and developing all parts again and again would be really time consuming and contra productive. That is the reason why re-usable libraries are created to simplify the development of the graphical interface and often they define the basic appearance of the websites elements. The developer can then think about which of these libraries he will use or if he will develop a custom tool that will fully meet his requirements. The bachelor thesis deals with the development of a custom library simplifying the development of the graphical interface. The library includes grid system, helper classes and re-usable components. The library itself was developed in CSS preprocessor SASS and jQuery JavaScript library. The thesis describes the development of the library itself, technologies that were used, analysis of existing solutions for development of a graphical interface, creation of complex examples demonstrating the possibilities of the library, creation of documentation and the publishing of the library. The development of the library itself is the main goal of the entire bachelor thesis.

Klíčová slova

grafické rozhraní, webová stránka, CSS knihovna, CSS, SASS, jQuery

Keywords

website, SASS, jQuery, graphical interface, CSS, CSS library

Jazyk práce: čeština

Datum vytvoření / odevzdání či podání práce: 29. 9. 2017

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

• Obhajoba proběhla 11. 6. 2018
• Vedoucí: Stanislav Vojíř
• Oponent: Vilém Sklenák

Vysoká škola ekonomická v Praze

Bakalářský studijní program / obor:
Aplikovaná informatika / Aplikovaná informatika