Original title:
Frontend responzivního webu s využitím HTML5 frameworků a buildovacích nástrojů
Translated title:
Frontend responsive website using HTML5 frameworks and task runners
Authors:
TETÍK, Jakub Document type: Bachelor's theses
Year:
2016
Language:
cze Abstract:
[cze][eng] Cílem bakalářské práce je zpracovat problematiku vývoje frontendu responzivních webových stránek s využitím HTML5 frameworků (Bootstrap, Foundation, HTML5 Boilerplate aj.) a buildovacích nástrojů (Grunt, Gulp aj.). Tyto nástroje usnadňují vývojářům práci, automatizují opakující se úlohy (kompilace CSS preprocesorů, spojování a minifikace souborů, generování dokumentace) a mají mnoho dalších výhod. HTML5 frameworky obsahují šablony kódu, které vývojář již nemusí vymýšlet, šablony implementuje, případně modifikuje dle potřeby do projektu. V rámci práce bude provedena komparace s vývojem responzivních stránek bez pomoci těchto nástrojů a frameworků. Výstupem práce bude kompletní webová prezentace, na které budou vidět rozdíly jednotlivých frameworků a nástrojů, bude srovnána časová náročnost vývoje, výsledná datová velikost a obtížnost pro vývojáře z hlediska znalosti syntaxe.The aim of this thesis is to handle issues of development of the frontend of responsive websites using HTML5 frameworks, including Bootstrap Foundation, HTML5 Boilerplate and others. Furthermore, also the help of task runners Grunt and Gulp is used in this work. As part of the work is performed comparison with the development of responsive web pages without using these tools and frameworks mentioned above. Grunt, Gulp and others of the tool range make it easier for developers to save working time. They automate repetitive tasks, such as compilation of CSS preprocessors, file linking and minification, documentation generation, and many other tasks. HTML5 frameworks are templates of the codes that the developer no longer has to invent. These templates are implemented or modified as needed in the project. The outcome of the work is a complete web presentation, which shows the differences between various frameworks and tools. These differences are used for the comparison of time-consuming development, data size and difficulty for developers in terms of the knowledge of syntax.
Keywords:
Bootstrap; Foundation; framework; Frontend development; Grunt; Gulp; Bootstrap; Foundation; framework; Frontend; Grunt; Gulp; responzivní Citation: TETÍK, Jakub. Frontend responzivního webu s využitím HTML5 frameworků a buildovacích nástrojů. České Budějovice, 2016. bakalářská práce (Bc.). JIHOČESKÁ UNIVERZITA V ČESKÝCH BUDĚJOVICÍCH. Pedagogická fakulta
Institution: University of South Bohemia in České Budějovice
(web)
Document availability information: Fulltext is available in the Digital Repository of University of South Bohemia. Original record: http://www.jcu.cz/vskp/43517