Off-line web v Progressive Web Apps s využitím Service workeru.

Matěj VACHUTA

Bakalářská práce

Offline website in Progressive Web Apps using Service worker.

Anotace:

Cílem bakalářské práce je popsat a zpracovat technologii PWA (Progressive Web Apps) a možnosti využití Service workeru při tvorbě tzv. progresivních webových aplikací. PWA je technologie umožňující tvorbu webové aplikace, která využívá webového prohlížeče a zároveň umožňuje takzvaný crossplatform přístup. Service worker je JavaScriptový asset, který se chová jako proxy server a je tedy nutnou složkou při tvorbě progresivních webových aplikaci. Vytvořená aplikace má pak vlastnosti klasické webové stránky, avšak hlavní výhodou jsou i vlastnosti nativní aplikace. Technologie PWA využívá HTML a CSS k tvorbě vzhledové stránky aplikace a JavaScript pro implementaci Service workeru. V teoretické části se autor zaměří především na představení samotné technologie PWA, výhody a nevýhody využití PWA, implementaci Service workeru pomocí JavaScriptu, popsání jednotlivých komponent a obecné syntaxe, jež je nutná pro tvorbu aplikace. V praktické části bude vytvořena progresivní webová aplikace s využitím Service workeru, která bude demonstrovat možnosti, vlastnosti a výhody či nevýhody, které technologie PWA přináší. Součástí praktické části bude i průzkum rozšíření PWA v současné době v poměru k běžným webovým stránkám

Abstract:

The aim of the bachelor thesis is to describe and elaborate the PWA (Progressive Web Apps) technology and the possibilities of using Service worker in the creation of so-called progressive web applications. PWA is a technology that enables the creation of a web application that uses a web browser and at the same time allows a so-called cross-platform approach. Service worker is a JavaScript asset that acts as a proxy server and is therefore a necessary component in the creation of progressive web applications. The created application then has the properties of a classic web page, but the main advantage is also the properties of a native application. The PWA technology uses HTML and CSS to create the appearance of the application and JavaScript to implement the Service worker. In the theoretical part, the author will focus mainly on the introduction of the PWA technology itself, advantages and disadvantages of using PWA, implementation of Service worker using JavaScript, description of individual components and general syntax that is necessary for creating an application. In the practical part, a progressive web application will be created using Service worker to demonstrate the possibilities, features and advantages or disadvantages that PWA technology brings. The practical part will also include an exploration of the prevalence of PWAs today in relation to conventional websites..

Klíčová slova

PWA(Progressive Web Apps), HTML5, CSS, JavaScript, Service Worker

Jazyk práce: čeština

Datum vytvoření / odevzdání či podání práce: 18. 4. 2023

Obhajoba závěrečné práce

• Vedoucí: PaedDr. Petr Pexa, Ph.D.

JIHOČESKÁ UNIVERZITA V ČESKÝCH BUDĚJOVICÍCH

Pedagogická fakulta

Bakalářský studijní program / obor:
Specializace v pedagogice / Informační technologie a e-learning