|
Lecturer(s)
|
|
|
|
Course content
|
- Web applications - principles of operation - Prototyping - use, advantages and disadvantages - General principles of operation of prototyping tools - Online and offline prototyping tools - Prototyping workflow - Work on a project using a prototyping tool of your choice
|
|
Learning activities and teaching methods
|
Demonstration, Exercises on PC, Practice exercises
- Participation in classes
- 20 hours per semester
- Preparation for course credit
- 20 hours per semester
|
| prerequisite |
|---|
| Knowledge |
|---|
| Knowledge of HTMl, CSS and basic JavaScript. |
| Knowledge of HTMl, CSS and basic JavaScript. |
| learning outcomes |
|---|
| Students is able to create a functional prototype of a web application using a pprottyping tool of their choice. |
| Students is able to create a functional prototype of a web application using a pprottyping tool of their choice. |
| characterize progressive web applications (PWAs) in terms of their differences from traditional web applications (offline data caching, push notifications, responsive design) |
| characterize progressive web applications (PWAs) in terms of their differences from traditional web applications (offline data caching, push notifications, responsive design) |
| explain technologies specific to PWAs (service workers, manifest) |
| explain technologies specific to PWAs (service workers, manifest) |
| describe how specific techniques work in PWA (lazy loading, code splitting, image optimization) |
| describe how specific techniques work in PWA (lazy loading, code splitting, image optimization) |
| explain how PWA performance is measured and improved |
| explain how PWA performance is measured and improved |
| describe the techniques used to achieve accessibility (ARIA attributes, keyboard control) |
| describe the techniques used to achieve accessibility (ARIA attributes, keyboard control) |
| describe how PWAs are distributed to end users and how they are promoted |
| describe how PWAs are distributed to end users and how they are promoted |
| Skills |
|---|
| design and build a simple web application and turn it into a Progressive Web Application (PWA) |
| design and build a simple web application and turn it into a Progressive Web Application (PWA) |
| create an offline data caching service within the PWA that ensures the availability of data in the application in offline mode |
| create an offline data caching service within the PWA that ensures the availability of data in the application in offline mode |
| Optimize PWA for speed and responsiveness using lazy loading, code splitting and image optimization |
| Optimize PWA for speed and responsiveness using lazy loading, code splitting and image optimization |
| apply responsive design principles in the application to optimize PWAs for different types of devices |
| apply responsive design principles in the application to optimize PWAs for different types of devices |
| apply accessibility principles in the application (ARIA, keyboard navigation) |
| apply accessibility principles in the application (ARIA, keyboard navigation) |
| design and implement the distribution of PWAs to end users |
| design and implement the distribution of PWAs to end users |
| teaching methods |
|---|
| Knowledge |
|---|
| Exercises on PC |
| Demonstration |
| Exercises on PC |
| Practice exercises |
| Practice exercises |
| Demonstration |
| assessment methods |
|---|
| Analysis of the student's performance |
| Analysis of the student's performance |
|
Recommended literature
|
-
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.
|