Tato práce se věnuje srovnání CSS frameworků a následnému nasazení do projektu v praxi.
V teoretické části jsou rozebrány základní údaje ohledně jednotlivých frameworků, jejich
historie, odlišnosti a technologie s nimi související. V praktické části proběhlo srovnání
vybraných frameworků a zvolení jednoho z nich k implementaci do projektu. Dále je v této
části popsána vlastní konfigurace daného nástroje. Výstupem praktické části je webová
stránka, jejíž responzivita je otestována na vícero zařízeních.
Anotace v angličtině
This work deals with the comparison of CSS frameworks and subsequent deployment in the
project in practice. The theoretical part discusses the basic data about individual
frameworks, their history, differences and technologies related to them. In the practical part
there was a comparison of selected frameworks and the selection of one of them for
implementation in the project. This section also describes the actual configuration of the
tool. The output of the practical part is a website whose responsiveness has been tested on
multiple devices.
Klíčová slova
CSS framework, kaskádové styly, Bootstrap
Klíčová slova v angličtině
CSS frameworks, cascade styles, Bootstrap
Rozsah průvodní práce
71 s. (84000 znaků)
Jazyk
CZ
Anotace
Tato práce se věnuje srovnání CSS frameworků a následnému nasazení do projektu v praxi.
V teoretické části jsou rozebrány základní údaje ohledně jednotlivých frameworků, jejich
historie, odlišnosti a technologie s nimi související. V praktické části proběhlo srovnání
vybraných frameworků a zvolení jednoho z nich k implementaci do projektu. Dále je v této
části popsána vlastní konfigurace daného nástroje. Výstupem praktické části je webová
stránka, jejíž responzivita je otestována na vícero zařízeních.
Anotace v angličtině
This work deals with the comparison of CSS frameworks and subsequent deployment in the
project in practice. The theoretical part discusses the basic data about individual
frameworks, their history, differences and technologies related to them. In the practical part
there was a comparison of selected frameworks and the selection of one of them for
implementation in the project. This section also describes the actual configuration of the
tool. The output of the practical part is a website whose responsiveness has been tested on
multiple devices.
Klíčová slova
CSS framework, kaskádové styly, Bootstrap
Klíčová slova v angličtině
CSS frameworks, cascade styles, Bootstrap
Zásady pro vypracování
Prostudujte a popište vybrané CSS frameworky vhodné pro návrh moderního uživatelského prostředí webové aplikace. Věnujte se nástroji Bootstrap, ale uveďte i alternativní frameworky.
Vypracujte stručné srovnání vybraných nástrojů z hlediska nabízeních funkcí (responzivní design, grid systém, komponentový design) a z hlediska rozšířenosti.
Vyberte některý z popsaných nástrojů pro praktickou implementaci uživatelského rozhraní pro moderní webovou prezentaci a popište způsob nasazení do projektu.
Věnujte se také další možné vlastní konfiguraci daného nástroje nebo konfiguraci sestavení produkčních souborů.
Pomocí vybraného nástroje proveďte implementaci šabolny moderní responzivní webové prezentace a otestujte ji na různých zařízeních (mobilní telefon, tablet, desktop).
Zásady pro vypracování
Prostudujte a popište vybrané CSS frameworky vhodné pro návrh moderního uživatelského prostředí webové aplikace. Věnujte se nástroji Bootstrap, ale uveďte i alternativní frameworky.
Vypracujte stručné srovnání vybraných nástrojů z hlediska nabízeních funkcí (responzivní design, grid systém, komponentový design) a z hlediska rozšířenosti.
Vyberte některý z popsaných nástrojů pro praktickou implementaci uživatelského rozhraní pro moderní webovou prezentaci a popište způsob nasazení do projektu.
Věnujte se také další možné vlastní konfiguraci daného nástroje nebo konfiguraci sestavení produkčních souborů.
Pomocí vybraného nástroje proveďte implementaci šabolny moderní responzivní webové prezentace a otestujte ji na různých zařízeních (mobilní telefon, tablet, desktop).
Seznam doporučené literatury
CROCKFORD, Douglas. JavaScript: the good parts. Sebastopol: O´Reilly, 2008. ISBN 05-965-1774-2.
OSMANI, Addy. Learning JavaScript design patterns: the good parts. Sebastopol, CA: O'Reilly Media, 2012. ISBN 14-493-3181-5.
Vue.js: up and running: building accessible and performant web apps. Sebastopol, California: O'Reilly Media, [2018]. ISBN 1491997249.
VRÁNA, Jakub. 1001 tipů a triků pro PHP. Brno: Computer Press, 2010. ISBN 978-80-251-2940-1.
Introduction ? Bootstrap. Bootstrap ? The most popular HTML, CSS, and JS library in the world. [online]. Dostupné z: https://getbootstrap.com/docs/4.1/getting-started/introduction/
Introduction ? Bootstrap. Bootstrap ? The most popular HTML, CSS, and JS library in the world. [online]. Dostupné z: https://getbootstrap.com/docs/4.1/getting-started/introduction/
Studentka odprezentoval svou prezentaci, vedoucí přečetl posudky bakalářské práce a studentka odpověděl na všechny dotazy vedoucího/oponenta.
Komise měla následující dotazy:
doc. Šenkeřík - Na jaký redakční systém je plánované nasazení ? Je volba otevřená ?
doktor Sysala - Běží to někde fyzicky, je vaše webová stránka nasazená ?
Studentka všechny dotazy zodpověděla a obhájila výborně.