|
Vyučující
|
|
|
|
Obsah předmětu
|
- Webové aplikace - principy fungování - Prototypování - použití, výhody a nevýhody - Obecné principy fungování prototypovacích nástrojů - Online a offline nástroje pro prototypování - Workflow při prototypování - Práce na projektu s využitím prototypovacího nástroje dle vlastní volby
|
|
Studijní aktivity a metody výuky
|
Demonstrace, Cvičení na počítači, Praktické procvičování
- Účast na výuce
- 20 hodin za semestr
- Příprava na zápočet
- 20 hodin za semestr
|
| Předpoklady |
|---|
| Odborné znalosti |
|---|
| Znalost HTML, CSS a základů JavaScriptu. |
| Znalost HTML, CSS a základů JavaScriptu. |
| Výsledky učení |
|---|
| Student je schopen vytvořit funkční prototyp webové aplikace s použitím prototypovacího nástroje dle své volby. |
| Student je schopen vytvořit funkční prototyp webové aplikace s použitím prototypovacího nástroje dle své volby. |
| charakterizovat progresivní webové aplikace (PWA) z hlediska jejich odlišnosti od tradičních webových aplikací (kešování dat v offline režimu, push notifikace, responzivní design) |
| charakterizovat progresivní webové aplikace (PWA) z hlediska jejich odlišnosti od tradičních webových aplikací (kešování dat v offline režimu, push notifikace, responzivní design) |
| vysvětlit technologie, specifické pro PWA (service workers, manifest) |
| vysvětlit technologie, specifické pro PWA (service workers, manifest) |
| popsat, jak v PWA fungují specifické techniky (postupné načítání obrázků, dělení kódu, optimalizace obrázků) |
| popsat, jak v PWA fungují specifické techniky (postupné načítání obrázků, dělení kódu, optimalizace obrázků) |
| vysvětlit, jakým způsobem se měří a zlepšuje výkon PWA |
| vysvětlit, jakým způsobem se měří a zlepšuje výkon PWA |
| popsat techniky, kterými se dosahuje přístupnosti (ARIA atributy, ovládání pomocí klávesnice) |
| popsat techniky, kterými se dosahuje přístupnosti (ARIA atributy, ovládání pomocí klávesnice) |
| popsat, jakým způsobem jsou PWA distribuovány koncovým uživatelům a jakým způsobem jsou propagovány |
| popsat, jakým způsobem jsou PWA distribuovány koncovým uživatelům a jakým způsobem jsou propagovány |
| Odborné dovednosti |
|---|
| navrhnout a vytvořit jednoduchou webovou aplikaci a změnit ji v progresívní webovou aplikaci (PWA) |
| navrhnout a vytvořit jednoduchou webovou aplikaci a změnit ji v progresívní webovou aplikaci (PWA) |
| vytvořit v rámci PWA službu pro kešování dat, která zabezpečuje dostupnost dat v aplikaci v offline režimu |
| vytvořit v rámci PWA službu pro kešování dat, která zabezpečuje dostupnost dat v aplikaci v offline režimu |
| optimalizovat PWA pro rychlost a responzivitu s použitím postupného načítání obrázků, dělení kódu a optimalizace obrázků |
| optimalizovat PWA pro rychlost a responzivitu s použitím postupného načítání obrázků, dělení kódu a optimalizace obrázků |
| aplikovat v aplikaci principy responzivního designu pro optimalizaci PWA pro různé druhy zařízení |
| aplikovat v aplikaci principy responzivního designu pro optimalizaci PWA pro různé druhy zařízení |
| aplikovat v aplikaci principy přístupnosti (ARIA, navigace pomocí klávesnice) |
| aplikovat v aplikaci principy přístupnosti (ARIA, navigace pomocí klávesnice) |
| navrhnout a realizovat distribuci PWA koncovým uživatelům |
| navrhnout a realizovat distribuci PWA koncovým uživatelům |
| Vyučovací metody |
|---|
| Odborné znalosti |
|---|
| Cvičení na počítači |
| Demonstrace |
| Cvičení na počítači |
| Praktické procvičování |
| Praktické procvičování |
| Demonstrace |
| Hodnotící metody |
|---|
| Analýza výkonů studenta |
| Analýza výkonů studenta |
|
Doporučená literatura
|
-
ATER, Tal. Building Progressive Web Apps: Bringing the Power of Native to the Browser. Sebastopol, CA: O'Reilly, 2017. ISBN 978-1491961643.
-
DORMANN, Andreas. Ionic 4+: Creating Awesome Apps for IOS, Android, Desktop and Web. Seattle, WA: Amazon Digital Services LLC - KDP Print US, 2019. ISBN 978-3945102527.
-
HAJIAN, Majid. Progressive Web Apps with Angular: Create Responsive, Fast and Reliable PWAs Using Angular. New York: Apress, 2019. ISBN 978-1484244487.
-
LOVE, Chris. Progressive Web Application Development by Example: Develop Fast, Reliable, and Engaging User Experiences for the Web. Birmingham: Packt Publishing, 2018. ISBN 978-1787282346.
|