Cílem bakalářské práce je zpracovat a popsat technologii AMP (Accelerated Mobile Pages). AMP je technologie, s níž přišla společnost Google, a je určena převážně pro rychlé načítání statického obsahu na mobilních zařízeních. Výhodou této technologie je velice jednoduchá HTML struktura s minimem tagů a rychlé načítání díky Google AMP Cache, kdy se načte HTML, JavaScript a obrázky do vlastní cache. Nevýhodu spatřuji v relativně malé maximální velikost CSS a také v tom, že není možné použít téměř žádný vlastní JavaScript.
V teoretické části se zaměřím na představení samotné AMP technologie, jeho syntaxe, funkce, popíši jednotlivé komponenty AMP. Porovnám ji s klasickým HTML a představím výhody a nevýhody této technologie při tvorbě webových stránek.
V praktické části vytvořím webovou stránku pomocí AMP technologie, která bude použita k názorné demonstraci možností této technologie. Dále vytvořím průzkum, kde budu porovnávat weby vytvořené pomocí AMP a weby vytvořené pomocí klasického HTML u českých a zahraničních webů.
Anotace v angličtině
The objective of the bachelor thesis will be develop and describe AMP (Accelerated Mobile Pages) technology. AMP is a technology invented by Google and it is designed to quickly load static content mostly on mobile devices. The advantage of this technology is a very simple HTML structure with minimal use of tags and fast loading thanks to Google AMP Cache, which loads HTML, JavaScript and images into its own cache. As a disadvantage, I would see a relatively small maximum CSS size and that you can not use almost any custom JavaScript.
In the theoretical part I will focus on the introduction of the AMP technology itself, its syntax, functions, describtion of the individual AMP components, comparison with classical HTML and describtion of the advantages and disadvantages of this technology in creating websites.
In the practical part I will create a website using AMP technology, which will be used to demonstrate the possibilities of this technology. I will also create a survey where I will compare websites created by AMP and websites created by classic HTML for Czech and foreign websites.
Klíčová slova
AMP, Google AMP Cache, HTML, CSS, webové stránky
Klíčová slova v angličtině
AMP, Google AMP Cache, HTML, CSS, websites
Rozsah průvodní práce
101 s
Jazyk
CZ
Anotace
Cílem bakalářské práce je zpracovat a popsat technologii AMP (Accelerated Mobile Pages). AMP je technologie, s níž přišla společnost Google, a je určena převážně pro rychlé načítání statického obsahu na mobilních zařízeních. Výhodou této technologie je velice jednoduchá HTML struktura s minimem tagů a rychlé načítání díky Google AMP Cache, kdy se načte HTML, JavaScript a obrázky do vlastní cache. Nevýhodu spatřuji v relativně malé maximální velikost CSS a také v tom, že není možné použít téměř žádný vlastní JavaScript.
V teoretické části se zaměřím na představení samotné AMP technologie, jeho syntaxe, funkce, popíši jednotlivé komponenty AMP. Porovnám ji s klasickým HTML a představím výhody a nevýhody této technologie při tvorbě webových stránek.
V praktické části vytvořím webovou stránku pomocí AMP technologie, která bude použita k názorné demonstraci možností této technologie. Dále vytvořím průzkum, kde budu porovnávat weby vytvořené pomocí AMP a weby vytvořené pomocí klasického HTML u českých a zahraničních webů.
Anotace v angličtině
The objective of the bachelor thesis will be develop and describe AMP (Accelerated Mobile Pages) technology. AMP is a technology invented by Google and it is designed to quickly load static content mostly on mobile devices. The advantage of this technology is a very simple HTML structure with minimal use of tags and fast loading thanks to Google AMP Cache, which loads HTML, JavaScript and images into its own cache. As a disadvantage, I would see a relatively small maximum CSS size and that you can not use almost any custom JavaScript.
In the theoretical part I will focus on the introduction of the AMP technology itself, its syntax, functions, describtion of the individual AMP components, comparison with classical HTML and describtion of the advantages and disadvantages of this technology in creating websites.
In the practical part I will create a website using AMP technology, which will be used to demonstrate the possibilities of this technology. I will also create a survey where I will compare websites created by AMP and websites created by classic HTML for Czech and foreign websites.
Klíčová slova
AMP, Google AMP Cache, HTML, CSS, webové stránky
Klíčová slova v angličtině
AMP, Google AMP Cache, HTML, CSS, websites
Zásady pro vypracování
Cílem bakalářské práce bude představit novou technologii AMP (Accelerated Mobile Pages) pro tvorbu mobilních resp. responzivních aplikací. AMP je technologie vyvíjená firmou Google a je určena pro rychlé načítání statického obsahu na mobilních zařízeních. Výhodou této aktuální technologie je velice jednoduchá HTML struktura s minimem tagů a rychlé načítání dat díky Google AMP Cache, kdy se načte HTML, JavaScript a obrázky do vlastní cache mobilního zařízení. Technologie má zatím i své nevýhody - relativně malou maximální velikost CSS a není možné použít žádný vlastní JavaScript, je ale možné v průběhu zpracování bakalářské práce očekávat výrazné pokroky ve vývoji této užitečné technologie. Teoretická část bude zaměřena na představení samotné AMP technologie, jeho syntaxe, funkcí a budou popsány přínosy použití technologie AMP při tvorbě mobilních webových stránek. V praktické části bude vytvořena vlastní webová prezentace pomocí AMP, která bude použita k názorné demonstraci možností této technologie, jejích výhod a nevýhod v porovnáním s klasickou tvorbou webových responzivních projektů.
Zásady pro vypracování
Cílem bakalářské práce bude představit novou technologii AMP (Accelerated Mobile Pages) pro tvorbu mobilních resp. responzivních aplikací. AMP je technologie vyvíjená firmou Google a je určena pro rychlé načítání statického obsahu na mobilních zařízeních. Výhodou této aktuální technologie je velice jednoduchá HTML struktura s minimem tagů a rychlé načítání dat díky Google AMP Cache, kdy se načte HTML, JavaScript a obrázky do vlastní cache mobilního zařízení. Technologie má zatím i své nevýhody - relativně malou maximální velikost CSS a není možné použít žádný vlastní JavaScript, je ale možné v průběhu zpracování bakalářské práce očekávat výrazné pokroky ve vývoji této užitečné technologie. Teoretická část bude zaměřena na představení samotné AMP technologie, jeho syntaxe, funkcí a budou popsány přínosy použití technologie AMP při tvorbě mobilních webových stránek. V praktické části bude vytvořena vlastní webová prezentace pomocí AMP, která bude použita k názorné demonstraci možností této technologie, jejích výhod a nevýhod v porovnáním s klasickou tvorbou webových responzivních projektů.
Seznam doporučené literatury
AMP HTML. Je čas.cz - moderní tvorba webových stránek [online]. Dostupné z: http://jecas.cz/amp-html
Vzhůru dolů - webová kodéřina ze všech stran [online]. Dostupné z: https://www.vzhurudolu.cz/prirucka/amp-webari-preload#google-amp
Co je AMP a jak může pomoci vašemu webu? - Sunitka.cz. PPC, sociální média, SEO a marketing na internetu od společnosti Sun Marketing - Sunitka.cz [online]. Copyright ? [cit. 04.04.2019]. Dostupné z: http://www.sunitka.cz/c/1077-co-je-amp-a-jak-muze-pomoci-vasemu-webu
What is AMP - AMP. Accelerated Mobile Pages Project - AMP [online]. Dostupné z: https://www.ampproject.org/learn/overview/
Learn AMP by Example. Learn AMP by Example [online]. Dostupné z: https://ampbyexample.com/
What is AMP - Google Ads Help. Google Help [online]. Copyright ?2019 Google [cit. 04.04.2019]. Dostupné z: https://support.google.com/google-ads/answer/7336596?hl=en
Seznam doporučené literatury
AMP HTML. Je čas.cz - moderní tvorba webových stránek [online]. Dostupné z: http://jecas.cz/amp-html
Vzhůru dolů - webová kodéřina ze všech stran [online]. Dostupné z: https://www.vzhurudolu.cz/prirucka/amp-webari-preload#google-amp
Co je AMP a jak může pomoci vašemu webu? - Sunitka.cz. PPC, sociální média, SEO a marketing na internetu od společnosti Sun Marketing - Sunitka.cz [online]. Copyright ? [cit. 04.04.2019]. Dostupné z: http://www.sunitka.cz/c/1077-co-je-amp-a-jak-muze-pomoci-vasemu-webu
What is AMP - AMP. Accelerated Mobile Pages Project - AMP [online]. Dostupné z: https://www.ampproject.org/learn/overview/
Learn AMP by Example. Learn AMP by Example [online]. Dostupné z: https://ampbyexample.com/
What is AMP - Google Ads Help. Google Help [online]. Copyright ?2019 Google [cit. 04.04.2019]. Dostupné z: https://support.google.com/google-ads/answer/7336596?hl=en