Hlavním úkolem této bakalářské práce bylo seznámit čtenáře s novinkami, které přinesla nová verze značkovacího jazyka HTML5 a kaskádové styly CSS3. Dalším úkolem bylo popsat, k čemu slouží JavaScript a co nabízí použití frameworku. Následně šlo o rozebrání jednotlivých technologií, pomocí kterých lze tvořit dokumenty ve formátu pro web. Důležitým úkolem této práce bylo také detailně popsat možnosti frameworku Phaser pro tvorbu her ve webovém formátu a vytvořit pomocí něj komplexní hru, která předvede jeho možnosti. Dalším úkolem bylo připravit učební pomůcku ve formě tutoriálů, které usnadní jeho použití začínajícím programátorům a zjednoduší jeho studium.
Anotace v angličtině
Main purpose of this bachelor thesis was to show features of new version of markup language HTML5 and Cascade Style Sheets 3. Another important goal was to describe use of JavaScript and frameworks. Next important thing was explaining web technologies that are used for creating web documents. Another goal was to describe use of framework Phaser, which is framework used to games creation for HTML5. In the next part it was to demonstrate framework features and creating tutorials for it, that will serve as guide for beginner programmers that will simplify his use.
Klíčová slova
Phaser, framework, HTML, CSS, Web, JavaScript
Klíčová slova v angličtině
Phaser, Framework, HTML, CSS, Web, JavaScript
Rozsah průvodní práce
60 s.
Jazyk
CZ
Anotace
Hlavním úkolem této bakalářské práce bylo seznámit čtenáře s novinkami, které přinesla nová verze značkovacího jazyka HTML5 a kaskádové styly CSS3. Dalším úkolem bylo popsat, k čemu slouží JavaScript a co nabízí použití frameworku. Následně šlo o rozebrání jednotlivých technologií, pomocí kterých lze tvořit dokumenty ve formátu pro web. Důležitým úkolem této práce bylo také detailně popsat možnosti frameworku Phaser pro tvorbu her ve webovém formátu a vytvořit pomocí něj komplexní hru, která předvede jeho možnosti. Dalším úkolem bylo připravit učební pomůcku ve formě tutoriálů, které usnadní jeho použití začínajícím programátorům a zjednoduší jeho studium.
Anotace v angličtině
Main purpose of this bachelor thesis was to show features of new version of markup language HTML5 and Cascade Style Sheets 3. Another important goal was to describe use of JavaScript and frameworks. Next important thing was explaining web technologies that are used for creating web documents. Another goal was to describe use of framework Phaser, which is framework used to games creation for HTML5. In the next part it was to demonstrate framework features and creating tutorials for it, that will serve as guide for beginner programmers that will simplify his use.
Klíčová slova
Phaser, framework, HTML, CSS, Web, JavaScript
Klíčová slova v angličtině
Phaser, Framework, HTML, CSS, Web, JavaScript
Zásady pro vypracování
Seznamte se s webovou technologií HTML5 a CSS3. V práci popište nové funkce, které tyto technologie přinášejí.
Prostudujte programovací jazyk JavaScript a framework Phaser, který se používá především pro vývoj her ve webových prohlížečích.
Vytvořte výukové tutoriály pro framework Phaser, které usnadní jeho studium začínajícím programátorům.
Vytvořte podrobnou elektronickou příručku k frameworku Phaser.
Pomocí frameworku Phaser navrhněte a realizujte komplexnější počítačovou hru, která bude demonstrovat jeho možnosti.
Zásady pro vypracování
Seznamte se s webovou technologií HTML5 a CSS3. V práci popište nové funkce, které tyto technologie přinášejí.
Prostudujte programovací jazyk JavaScript a framework Phaser, který se používá především pro vývoj her ve webových prohlížečích.
Vytvořte výukové tutoriály pro framework Phaser, které usnadní jeho studium začínajícím programátorům.
Vytvořte podrobnou elektronickou příručku k frameworku Phaser.
Pomocí frameworku Phaser navrhněte a realizujte komplexnější počítačovou hru, která bude demonstrovat jeho možnosti.
Seznam doporučené literatury
SUEHRING, Steve a Jakub ZEMÁNEK. JavaScript: krok za krokem. Brno: Computer Press, 2008. ISBN 978-80-251-2241-9.
BROWN, Tiffany B., Kerry BUTTERS, Sandeep PANDA a Ondřej BAŠE. HTML5 okamžitě: \matsymb{lbrack}ovládněte HTML5 za víkend\matsymb{rbrack}. Brno: Computer Press, 2014. ISBN 978-80-251-4296-7.
MEYER, Eric A. a Jan POKORNÝ. Eric Meyer o CSS: kompletní průvodce. Brno: Zoner Press, 2007. Encyklopedie webdesignera. ISBN 978-80-86815-64-0.
Phaser \matsymb{lbrack}online\matsymb{rbrack}. \matsymb{lbrack}cit. 2017-01-18\matsymb{rbrack}. Dostupné z: https://phaser.io/
GameDev Academy \matsymb{lbrack}online\matsymb{rbrack}. \matsymb{lbrack}cit. 2017-01-18\matsymb{rbrack}. Dostupné z: https://gamedevacademy.org/
Seznam doporučené literatury
SUEHRING, Steve a Jakub ZEMÁNEK. JavaScript: krok za krokem. Brno: Computer Press, 2008. ISBN 978-80-251-2241-9.
BROWN, Tiffany B., Kerry BUTTERS, Sandeep PANDA a Ondřej BAŠE. HTML5 okamžitě: \matsymb{lbrack}ovládněte HTML5 za víkend\matsymb{rbrack}. Brno: Computer Press, 2014. ISBN 978-80-251-4296-7.
MEYER, Eric A. a Jan POKORNÝ. Eric Meyer o CSS: kompletní průvodce. Brno: Zoner Press, 2007. Encyklopedie webdesignera. ISBN 978-80-86815-64-0.
Phaser \matsymb{lbrack}online\matsymb{rbrack}. \matsymb{lbrack}cit. 2017-01-18\matsymb{rbrack}. Dostupné z: https://phaser.io/
GameDev Academy \matsymb{lbrack}online\matsymb{rbrack}. \matsymb{lbrack}cit. 2017-01-18\matsymb{rbrack}. Dostupné z: https://gamedevacademy.org/
Přílohy volně vložené
CD ROM
Přílohy vázané v práci
ilustrace
Převzato z knihovny
Ne
Plný text práce
Přílohy
Posudek(y) oponenta
Hodnocení vedoucího
Záznam průběhu obhajoby
Student seznámil komisi se svou bakalářskou prací. Následně proběhla diskuse na dané téma.