Diplomová práca sa zaoberá single page aplikáciami a frameworkami, ktoré umožňujú tvorbu tohto typu aplikácií. Hlavným cieľom práce je popísať dôvody tvorby tohto typu aplikácií, postup vývoja v jednotlivých technológiách na vzorových aplikáciách, a porovnať rozdiely medzi nimi. V teoretickej časti sú vysvetlené základné pojmy a technológie potrebné pre vývoj single page aplikácií. V ďalších kapitolách sú popísané jednotlivé frameworky, ich charakteristické vlastnosti, funkcie a ich stručná história. Súčasťou praktickej časti práce sú štyri aplikácie. Jedna predstavuje server, na ktorý sa aplikácie pripájajú, a tri single page aplikácie, v každom SPA frameworku jedna. V nasledujúcej kapitole sú tieto frameworky porovnané. Posledná kapitola práce popisuje výukové prezentácie, ktoré sú súčasťou práce.
Annotation in English
This master's thesis deals with single page applications and frameworks, which enable development of these applications. Main focus of this thesis is to describe reasons to develop this type of applications, development process in each of the frameworks by creating demo applications, and compare differences between them. The theoretical part contains description of basic terms and technologies needed for developing single page applications. Next chapters describe each of the frameworks, their characteristics, functions and their short history. Practical part contains four applications. One as a server, to which other applications connect, and then three applications, one in each of the frameworks. Next chapter contains comparison of these technologies. Last chapter describes presentations, which are part of this thesis.
Diplomová práca sa zaoberá single page aplikáciami a frameworkami, ktoré umožňujú tvorbu tohto typu aplikácií. Hlavným cieľom práce je popísať dôvody tvorby tohto typu aplikácií, postup vývoja v jednotlivých technológiách na vzorových aplikáciách, a porovnať rozdiely medzi nimi. V teoretickej časti sú vysvetlené základné pojmy a technológie potrebné pre vývoj single page aplikácií. V ďalších kapitolách sú popísané jednotlivé frameworky, ich charakteristické vlastnosti, funkcie a ich stručná história. Súčasťou praktickej časti práce sú štyri aplikácie. Jedna predstavuje server, na ktorý sa aplikácie pripájajú, a tri single page aplikácie, v každom SPA frameworku jedna. V nasledujúcej kapitole sú tieto frameworky porovnané. Posledná kapitola práce popisuje výukové prezentácie, ktoré sú súčasťou práce.
Annotation in English
This master's thesis deals with single page applications and frameworks, which enable development of these applications. Main focus of this thesis is to describe reasons to develop this type of applications, development process in each of the frameworks by creating demo applications, and compare differences between them. The theoretical part contains description of basic terms and technologies needed for developing single page applications. Next chapters describe each of the frameworks, their characteristics, functions and their short history. Practical part contains four applications. One as a server, to which other applications connect, and then three applications, one in each of the frameworks. Next chapter contains comparison of these technologies. Last chapter describes presentations, which are part of this thesis.
Vypracujte literární rešerši na dané téma.
Vysvětlete princip Single-page aplikací a nastudujte potřebné technologie pro jejich vývoj.
Charakterizujte Javascript frameworky "Angular", "React" a "Vue" v nejnovějších verzích.
Vytvořte vhodné ukázkové aplikace ve všech třech Javascript technologiích a popište postup jejich vývoje.
Proveďte porovnání vytvořených aplikací z pohledu jejich použitelnosti, náročnosti na vývoj a jejich rychlosti.
Navrhněte a vypracujte vhodné edukační materiály z této oblasti pro výuku studentů v informatických studijních programech.
Research Plan
Vypracujte literární rešerši na dané téma.
Vysvětlete princip Single-page aplikací a nastudujte potřebné technologie pro jejich vývoj.
Charakterizujte Javascript frameworky "Angular", "React" a "Vue" v nejnovějších verzích.
Vytvořte vhodné ukázkové aplikace ve všech třech Javascript technologiích a popište postup jejich vývoje.
Proveďte porovnání vytvořených aplikací z pohledu jejich použitelnosti, náročnosti na vývoj a jejich rychlosti.
Navrhněte a vypracujte vhodné edukační materiály z této oblasti pro výuku studentů v informatických studijních programech.
Recommended resources
FAIN, Yakov a Anton MOISEEV. Angular 2 development with TypeScript. Shelter Island, NY: Manning Publications Co., 2017. ISBN 9781617293122.
SCOTT, Emmit A. SPA design and architecture: understanding single-page web applications. Shelter Island, NY: Manning, 2016. ISBN 978-1617292439.
CHAU, Guillaume. Vue.js 2 Web Development Projects: Learn Vue.js by building 6 web apps. Packt Publishing, 2017. ISBN 978-1787127463.
WIERUCH, Robin. The Road to learn React: Your journey to master plain yet pragmatic React.js. CreateSpace Independent Publishing Platform, 2018. ISBN 978-1986338820.
FREEMAN, Adam. Pro angular 6. New York, NY: Springer Science Business Media, 2018. ISBN 978-1484236482.
JANSEN Remo. Learning TypeScript. Birmingham, Spojené království: Packt Publishing, 2015. ISBN 1783985550.
Recommended resources
FAIN, Yakov a Anton MOISEEV. Angular 2 development with TypeScript. Shelter Island, NY: Manning Publications Co., 2017. ISBN 9781617293122.
SCOTT, Emmit A. SPA design and architecture: understanding single-page web applications. Shelter Island, NY: Manning, 2016. ISBN 978-1617292439.
CHAU, Guillaume. Vue.js 2 Web Development Projects: Learn Vue.js by building 6 web apps. Packt Publishing, 2017. ISBN 978-1787127463.
WIERUCH, Robin. The Road to learn React: Your journey to master plain yet pragmatic React.js. CreateSpace Independent Publishing Platform, 2018. ISBN 978-1986338820.
FREEMAN, Adam. Pro angular 6. New York, NY: Springer Science Business Media, 2018. ISBN 978-1484236482.
JANSEN Remo. Learning TypeScript. Birmingham, Spojené království: Packt Publishing, 2015. ISBN 1783985550.
