Cílem bakalářské práce bude představit a otestovat principy tvorby tzv. izomorfních webových aplikací s využitím nových frameworků Next.js a Meteor.js. Základní charakteristikou izomorfní webové aplikace je sdílení kódu mezi její serverovou a klientskou stranou, v tomto případě se jedná o použití JavaScriptu nejen pro webový prohlížeč, ale také pro server. Realizace tématu bude zaměřena na tvorbu izomorfních aplikací pomocí dvou nových frameworků Next.js a Meteor.js, které zefektivňují a usnadňují vývoj aplikací. Bude především zpracován jejich význam a porovnání s klasickou tvorbou webových aplikací a budou otestovány výhody a nevýhody jejich použití. V praktické části práce budou vytvořeny dvě izomorfní Single page webové aplikace (SPA) s využitím server-side renderingu (SSR), který oba frameworky využívají. Opět bude následovat porovnání obou použitých postupů, zjištěny rozdíly, výhody a nevýhody použití Nextu a Meteoru z praktického pohledu vývojáře. Při tvorbě komplexní aplikace budou také využívány tradiční JavaScriptové frameworky React a Node.js.
Anotace v angličtině
The point of the bachelor thesis will be to present and test the principles of creating so-called isomorphic web applications using the new Next.js and Meteor.js frameworks. The basic characteristic of an isomorphic web application is the sharing of code between its server and client side, in this case it is the use of JavaScript not only for the web browser, but also for the server. The implementation of the topic will focus on the creation of isomorphic applications using two new frameworks Next.js and Meteor.js, which streamline and facilitate the development of applications. Their significance and comparison with the classical creation of web applications will be elaborated, and the advantages and disadvantages of their use will be tested. In the practical part of the work, two isomorphic Single page web applications (SPA) will be created using server-side rendering (SSR), which both frameworks use. Again, a comparison of both used procedures will follow, identifying the differences, advantages and disadvantages of using Next and Meteor from a practical developer's point of view. Traditional JavaScript frameworks React and Node.js will also be used when creating a complex application.
Cílem bakalářské práce bude představit a otestovat principy tvorby tzv. izomorfních webových aplikací s využitím nových frameworků Next.js a Meteor.js. Základní charakteristikou izomorfní webové aplikace je sdílení kódu mezi její serverovou a klientskou stranou, v tomto případě se jedná o použití JavaScriptu nejen pro webový prohlížeč, ale také pro server. Realizace tématu bude zaměřena na tvorbu izomorfních aplikací pomocí dvou nových frameworků Next.js a Meteor.js, které zefektivňují a usnadňují vývoj aplikací. Bude především zpracován jejich význam a porovnání s klasickou tvorbou webových aplikací a budou otestovány výhody a nevýhody jejich použití. V praktické části práce budou vytvořeny dvě izomorfní Single page webové aplikace (SPA) s využitím server-side renderingu (SSR), který oba frameworky využívají. Opět bude následovat porovnání obou použitých postupů, zjištěny rozdíly, výhody a nevýhody použití Nextu a Meteoru z praktického pohledu vývojáře. Při tvorbě komplexní aplikace budou také využívány tradiční JavaScriptové frameworky React a Node.js.
Anotace v angličtině
The point of the bachelor thesis will be to present and test the principles of creating so-called isomorphic web applications using the new Next.js and Meteor.js frameworks. The basic characteristic of an isomorphic web application is the sharing of code between its server and client side, in this case it is the use of JavaScript not only for the web browser, but also for the server. The implementation of the topic will focus on the creation of isomorphic applications using two new frameworks Next.js and Meteor.js, which streamline and facilitate the development of applications. Their significance and comparison with the classical creation of web applications will be elaborated, and the advantages and disadvantages of their use will be tested. In the practical part of the work, two isomorphic Single page web applications (SPA) will be created using server-side rendering (SSR), which both frameworks use. Again, a comparison of both used procedures will follow, identifying the differences, advantages and disadvantages of using Next and Meteor from a practical developer's point of view. Traditional JavaScript frameworks React and Node.js will also be used when creating a complex application.
Cílem bakalářské práce bude představit a otestovat principy tvorby tzv. izomorfních webových aplikací s využitím nových frameworků Next.js a Meteor.js. Základní charakteristikou izomorfní webové aplikace je sdílení kódu mezi její serverovou a klientskou stranou, v tomto případě se jedná o použití JavaScriptu nejen pro webový prohlížeč, ale také pro server. Realizace tématu bude zaměřena na tvorbu izomorfních aplikací pomocí dvou nových frameworků Next.js a Meteor.js, které zefektivňují a usnadňují vývoj aplikací. Bude především zpracován jejich význam a porovnání s klasickou tvorbou webových aplikací a budou otestovány výhody a nevýhody jejich použití. V praktické části práce bude vytvořena izomorfní Single page webová aplikace (SPA) s využitím server-side renderingu (SSR), který oba frameworky využívají, a to ve dvou variantách v obou zmíněných frameworcích. Opět bude následovat porovnání obou použitých postupů, zjištěny rozdíly, výhody a nevýhody použití Nextu a Meteoru z praktického pohledu vývojáře. Při tvorbě komplexní aplikace budou také využívány tradiční JavaScriptové frameworky React a Node.js
Zásady pro vypracování
Cílem bakalářské práce bude představit a otestovat principy tvorby tzv. izomorfních webových aplikací s využitím nových frameworků Next.js a Meteor.js. Základní charakteristikou izomorfní webové aplikace je sdílení kódu mezi její serverovou a klientskou stranou, v tomto případě se jedná o použití JavaScriptu nejen pro webový prohlížeč, ale také pro server. Realizace tématu bude zaměřena na tvorbu izomorfních aplikací pomocí dvou nových frameworků Next.js a Meteor.js, které zefektivňují a usnadňují vývoj aplikací. Bude především zpracován jejich význam a porovnání s klasickou tvorbou webových aplikací a budou otestovány výhody a nevýhody jejich použití. V praktické části práce bude vytvořena izomorfní Single page webová aplikace (SPA) s využitím server-side renderingu (SSR), který oba frameworky využívají, a to ve dvou variantách v obou zmíněných frameworcích. Opět bude následovat porovnání obou použitých postupů, zjištěny rozdíly, výhody a nevýhody použití Nextu a Meteoru z praktického pohledu vývojáře. Při tvorbě komplexní aplikace budou také využívány tradiční JavaScriptové frameworky React a Node.js
Seznam doporučené literatury
Create a Next.js App | Learn Next.js. Next.js by Vercel - The React Framework [online]. Copyright \copyright{
MeteorJS - platforma pre super rýchly vývoj real-time aplikácií - Zdroják. Zdroják - o tvorbě webových stránek a aplikací [online]. Dostupné z: https://zdrojak.cz/clanky/meteorjs-platforma/
Getting Started - React. React - A JavaScript library for building user interfaces [online]. Copyright \copyright{
2021 Facebook Inc. [cit. 02.04.2021]. Dostupné z: https://reactjs.org/docs/getting-started.html
ASP.NET MVC - Single Page Application. itnetwork.cz - Ajťácká sociální síť a materiálová základna pro C#, Java, PHP, HTML, CSS, JavaScript a další. [online]. Copyright \copyright{
2021 itnetwork.cz. Veškerý obsah webu [cit. 02.04.2021]. Dostupné z: https://www.itnetwork.cz/csharp/asp-net-mvc/single-page-application
Seznam doporučené literatury
Create a Next.js App | Learn Next.js. Next.js by Vercel - The React Framework [online]. Copyright \copyright{
MeteorJS - platforma pre super rýchly vývoj real-time aplikácií - Zdroják. Zdroják - o tvorbě webových stránek a aplikací [online]. Dostupné z: https://zdrojak.cz/clanky/meteorjs-platforma/
Getting Started - React. React - A JavaScript library for building user interfaces [online]. Copyright \copyright{
2021 Facebook Inc. [cit. 02.04.2021]. Dostupné z: https://reactjs.org/docs/getting-started.html
ASP.NET MVC - Single Page Application. itnetwork.cz - Ajťácká sociální síť a materiálová základna pro C#, Java, PHP, HTML, CSS, JavaScript a další. [online]. Copyright \copyright{
2021 itnetwork.cz. Veškerý obsah webu [cit. 02.04.2021]. Dostupné z: https://www.itnetwork.cz/csharp/asp-net-mvc/single-page-application