PV247 Modern Development of User Interfaces

Faculty of Informatics
Autumn 2023
Extent and Intensity
0/3/1. 3 credit(s) (plus extra credits for completion). Type of Completion: z (credit).
Teacher(s)
prof. RNDr. Tomáš Pitner, Ph.D. (lecturer)
Bc. Maroš Beťko (lecturer)
Ing. Adam Grygar (seminar tutor)
Radmila Čermáková (assistant)
Providers of Specific teaching support
Zbyněk Cincibus (přepisovatel)
Guaranteed by
prof. RNDr. Tomáš Pitner, Ph.D.
Department of Computer Systems and Communications – Faculty of Informatics
Contact Person: prof. RNDr. Tomáš Pitner, Ph.D.
Supplier department: Department of Computer Systems and Communications – Faculty of Informatics
Timetable of Seminar Groups
PV247/01: Tue 15:00–17:50 B311, M. Beťko, A. Grygar
PV247/02: Wed 15:00–17:50 B311, M. Beťko, A. Grygar
Prerequisites
SOUHLAS
Basic knowledge of imperative and non-imperative programming. Basic knowledge of HTML and CSS is expected within the scope of PB138 Modern Markup Languages and Their Applications. Knowledge of Javascript, HTTP protocol and REST architecture is an advantage.
Course Enrolment Limitations
The course is also offered to the students of the fields other than those the course is directly associated with.
The capacity limit for the course is 47 student(s).
Current registration and enrolment status: enrolled: 37/47, only registered: 15/47, only registered with preference (fields directly associated with the programme): 13/47
fields of study / plans the course is directly associated with
there are 7 fields of study the course is directly associated with, display
Course objectives
Students will understand the basic principles of user interface development using modern tools. Upon successful completion of this course, the student is able to apply the principles of elaboration of semester project focused on user interface. The subject is mostly practical and students are expected to have pro-active approach.
Learning outcomes
User interface development technologies are dynamic and therefore change very quickly. Student after successful completion:
- has an overview of modern web development technologies and is able to use them in practice;
- is familiar with the process of developing modern web applications using best practices.
Syllabus
  • Introduction & tooling
  • React
  • Styling and accessibility
  • React interactions
  • React state management
  • NextJs basics
  • NextJs SSR & data fetching
  • NextJs backend
  • Testing
  • Deployment
Literature
  • Learning ECMAScript 6
  • https://reactjs.org/docs
  • https://www.typescriptlang.org/docs/
  • FENTON Steve, Pro TypeScript, ISBN13 (EAN): 9781484232484
Teaching methods
The lessons are led by experts from practice, where part of the lesson is devoted to theoretical and practical knowledge, which the student then applies in the practical task in the second part of the lesson.
Assessment methods
The credits are awarded on condition of having worked out tasks from individual lessons and elaborating a semester project followed by a presentation at the end of the semester.
Language of instruction
English
Further Comments
The course is taught annually.
Teacher's information
https://github.com/FI-PV247/materials/wiki
The course is also listed under the following terms Autumn 2012, Autumn 2013, Autumn 2014, Autumn 2015, Autumn 2016, Autumn 2017, Autumn 2018, Autumn 2019, Autumn 2020, Autumn 2021, Autumn 2022, Spring 2023, Spring 2024, Autumn 2024, Spring 2025.
  • Enrolment Statistics (Autumn 2023, recent)
  • Permalink: https://is.muni.cz/course/fi/autumn2023/PV247