|
Vyučující
|
|
|
|
Obsah předmětu
|
- Progresivní webové aplikace - historie, principy fungování, využití, klady a zápory - Technologie pro tvorbu PWA - kategorizace, odlišnosti - Nastavení vývojového prostředí pro tvorbu PWA - Vytvoření jednoduché PWA - Vytvoření a testování PWA dle vlastního návrhu
|
|
Studijní aktivity a metody výuky
|
Demonstrace, Cvičení na počítači, Praktické procvičování
- Příprava na zápočet
- 20 hodin za semestr
- Účast na výuce
- 20 hodin za semestr
|
| Předpoklady |
|---|
| Odborné znalosti |
|---|
| Znalost HTML, CSS a JavaScriptu. |
| Znalost HTML, CSS a JavaScriptu. |
| Výsledky učení |
|---|
| popsat rozdíly mezi nativními/webovými aplikacemi a hybridnímu webovými aplikacemi (HWA) |
| popsat rozdíly mezi nativními/webovými aplikacemi a hybridnímu webovými aplikacemi (HWA) |
| Student je schopen vytvořit jednoduchou progresivní webovou aplikaci s použitím nástrojů/frameworků dle vlastního výběru. |
| Student je schopen vytvořit jednoduchou progresivní webovou aplikaci s použitím nástrojů/frameworků dle vlastního výběru. |
| vyjmenovat základní charakteristiky HWA a technologií, používané při jejich vytváření (HTML, CSS, JavaScript) |
| vyjmenovat základní charakteristiky HWA a technologií, používané při jejich vytváření (HTML, CSS, JavaScript) |
| charakterizovat nejpopulárnější frameworky pro tvorbu HWA |
| charakterizovat nejpopulárnější frameworky pro tvorbu HWA |
| popsat strukturu HWA |
| popsat strukturu HWA |
| vysvětlit, jakým způsobem funguje integrace s nativními aplikacemi (API, pluginy) |
| vysvětlit, jakým způsobem funguje integrace s nativními aplikacemi (API, pluginy) |
| charakterizovat rozdíly mezi mobilními platformami |
| charakterizovat rozdíly mezi mobilními platformami |
| popsat doporučené postupy pro UI/UX design a pro používání komponent mobilních aplikací |
| popsat doporučené postupy pro UI/UX design a pro používání komponent mobilních aplikací |
| vysvětlit, jakým způsobem jsou HWA distribuovány koncovým uživatelům |
| vysvětlit, jakým způsobem jsou HWA distribuovány koncovým uživatelům |
| Odborné dovednosti |
|---|
| navrhnout a realizovat pomocí vybraného frameworku hybridní webovou aplikaci (HWA), optimalizovanou pro mobilní zařízení |
| navrhnout a realizovat pomocí vybraného frameworku hybridní webovou aplikaci (HWA), optimalizovanou pro mobilní zařízení |
| vytvořit administrační rozhraní (backend), využívající server-side technologie |
| vytvořit administrační rozhraní (backend), využívající server-side technologie |
| vyřešit integraci API třetích stran do HWA |
| vyřešit integraci API třetích stran do HWA |
| testovat, ladit a optimalizovat HWA a analyzovat její výkon |
| testovat, ladit a optimalizovat HWA a analyzovat její výkon |
| navrhnout a realizovat distribuci HWA uživatelům |
| navrhnout a realizovat distribuci HWA uživatelům |
| vyřešit údržbu a aktualizace aplikace |
| vyřešit údržbu a aktualizace aplikace |
| Vyučovací metody |
|---|
| Odborné znalosti |
|---|
| Cvičení na počítači |
| Cvičení na počítači |
| Praktické procvičování |
| Demonstrace |
| 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.
|