Information on individual educational components (ECTS-Course descriptions) per semester

Degree programme:Bachelor Computer Science - Software and Information Engineering
Type of degree:FH BachelorĀ“s Degree Programme
 Summer Semester 2022

Course unit titleElective: Front-End-Frameworks
Course unit code083121160105
Language of instructionEnglish
Type of course unit (compulsory, optional)Elective
Semester when the course unit is deliveredSummer Semester 2022
Teaching hours per week3
Year of study2022
Level of course unit (e.g. first, second or third cycle)First Cycle (Bachelor)
Number of ECTS credits allocated5
Name of lecturer(s)Valmir BEKIRI

Prerequisites and co-requisites
  • Web front-end technologies: HTML and CSS
  • Programming paradigms and techniques: Structured and object-oriented programmin>
  • Script and Web technologies: JavaScript and PHP
Course content
  • Current front-end frameworks: overview, strengths and weaknesses, area of application
  • Deepening into a selected front-end framework (e.g., Angular, React, Vue ...)
  • Forms and validation
  • Security and performance
  • Event dispatching
  • Testing
Learning outcomes

In practice, web development is always based on frameworks that already offer ready-made solutions or plug-ins for recurring requirements (logging, login ...). It is crucial to know the advantages of the individual front-end and back-end technologies and to combine the two technologies with high-performance interfaces. The aim of this course is to provide an overview of the current front-end frameworks and to be able to estimate the training period and the area of application by creating an application in a selected framework.

 Theoretical and methodological know-how (T/M):

  • Students gain an overview of modern front-end frameworks and in-depth knowledge of a current front-end framework. They know the internal structure of the framework and learn templating and can use different data sources.
  • Students are able to use the right techniques for individual customer projects or reusable components and apply the basic principles of testing and automated software processes.

In addition, social and communicative skills (S/C) such as teamwork/willingness to cooperate, empathy, critical faculty, motivation, reliability and self-competences (S) such as learning and motivation, decision-making, responsibility, perseverance, expressiveness, appearance are trained.

Planned learning activities and teaching methods

Integrated course: 3 THW.

Lectures and simple exercises, which will be presented and discussed in the next session, in the first half of the semester. In the second half of the semester, a larger project is to be modeled, implemented and presented in small groups.

Assessment methods and criteria
  • Evaluation of Exercises (30 %)
  • Project (50 %) and presentation (20 %)


Recommended or required reading
  • Hassan, Djirdeh; Murray, Nate; Lerner, Ari (2018): Fullstack Vue: The Complete Guide to Vue.js.
  • Haverbeke, Marijn (2018): Eloquent JavaScript, 3rd Edition: A Modern Introduction to Programming. 3rd Aufl. No Starch Press.
  • Lonsdorf, Brian; MacDonald, Brian; Simpson, Kyle (2017): Functional-Light JavaScript: Balanced, Pragmatic FP in JavaScript. 1. Aufl. CreateSpace Independent Publishing Platform.
  • Noring, Christoffer (2018): Architecting Angular Applications with Redux, RxJS, and NgRx: Learn to build Redux style high-performing applications with Angular 6. Packt Publishing.
  • Wieruch, Robin (2018): The Road to learn React: Your journey to master plain yet pragmatic React.js. CreateSpace Independent Publishing Platform.
  • Zakas, Nicholas C. (2016): Understanding ECMAScript6: The Definitive Guide for JavaScript Developers. 1. Aufl. San Francisco: No Starch Press.
Mode of delivery (face-to-face, distance learning)

In-class lecture: Compulsory attendance in the practice session

Summer Semester 2022go Top