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

Web Front-End Technologies

Degree programme Computer Science - Digital Innovation
Subject area Engineering & Technology
Type of degree Bachelor
Part-time
Winter Semester 2023
Course unit title Web Front-End Technologies
Course unit code 083121110102
Language of instruction German
Type of course unit (compulsory, optional) Compulsory
Teaching hours per week 3
Year of study 2023
Level of the course / module according to the curriculum
Number of ECTS credits allocated 5
Name of lecturer(s) Valmir BEKIRI, Verena FASTENBAUER
Requirements and Prerequisites

None

Course content
  • Basic Terms and Functionality of the Internet: History, Internet Services, Browser, Web Server, Webspace, Upload URLs, HTTP Reques/Response Model, DOM
  • HTML: Fundamentals, Tables, Forms, Video/Audio, Semantic Tags
  • CSS: Selectors, Box Model, Positioning, Layout, Transition, Animation, Responsive Webdesign, Frameworks
  • JavaScript and jQuery: Basics and Integration of Existing Scripts
Learning outcomes

The user interface often determines the success or failure of an application system. The aim of this course is to provide participants insights into the elements and components of web-based user interfaces and to develop simple components and websites.

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

  • Students know the basic terms and concepts of the WWW and can describe web technologies as part of Internet technologies.
  • Understanding the structured approach to the conception of accessible websites and being able to apply it.
  • Students have an overview of web technologies and languages. They can create and publish simple responsive websites (HTML, CSS, JavaScript) based on a design template.

Social and communicative competencies (S/K) and personal competences (P):

  • Students are able to solve tasks independently and on time (reliability) and to demonstrate and explain the solutions (expressiveness and appearance).
  • Students understand the solutions of others, can make constructive suggestions for improvement and deal with feedback (critical ability) as well as reflect on their own abilities and limits (self-reflection).
  • Ability and willingness to acquire new knowledge independently and to learn from successes and failures (learning competence and motivation).
Planned learning activities and teaching methods

Integrated course: 1 THW together and 2 THW in two groups.

Lectures and weekly exercises, which have to be implemented, submitted and presented live in the next session by randomly selected students and discussed in the group.

Assessment methods and criteria
  • Evaluation of exercises (40 %), which are solved in teams of 2 and presented
  • Final written exam (60 %) of theoretical foundations and their application in simple practical tasks

For a positive grade, a minimum of 50% of the possible points must be achieved in each part of the examination.

Comment

None

Recommended or required reading
  • Ackermann, Philip (2021): Webentwicklung: Das Handbuch für Fullstack-Entwickler. Über 600 Seiten Roadmap für die Webentwicklung. 1. Aufl. Bonn: Rheinwerk Computing.
  • Bühler, Peter; Schlaich, Patrick; Sinner, Dominik (2017): Webdesign. Interfacedesign - Screendesign - Mobiles Webdesign. Bibliothek der Mediengestaltung. Heidelberg/Berlin: Springer Vieveg.
  • CSS Basic User Interface Module Level 3 (CSS3 UI) (o. J.): Online im Internet: URL: https://www.w3.org/TR/2018/REC-css-ui-3-20180621/ (Zugriff am: 02.07.2018).
  • Duckett, Jon (2011): HTML and CSS: Design and Build Websites. 1. Indianapolis, Indiana: Wiley.
  • Gasston, Peter (2014): Moderne Webentwicklung: Geräteunabhängige Entwicklung - Techniken und Trends in HTML5, CSS3 und JavaScript. Akt. dt. Aufl. Heidelberg: dpunkt.verlag GmbH.
  • „HTML 5.2“ (o. J.): HTML 5.2. Online im Internet: URL: https://www.w3.org/TR/html52/ (Zugriff am: 02.07.2018).
  • Jacobsen, Jens; Meyer, Lorena (2017): Praxisbuch Usability und UX:  Was jeder wissen sollte, der Websites und Apps entwickelt - bewährte Methoden praxisnah erklärt. Bonn: Rheinwerk Verlag GmbH.
  • Marcotte, Ethan (2010): Responsive Web Design. Online im Internet: URL: http://alistapart.com/article/responsive-web-design (Zugriff am: 02.07.2018).
  • Wolf, Jürgen (2021): HTML und CSS: Das umfassende Handbuch zum Lernen und Nachschlagen. Inkl. JavaScript, Bootstrap, Responsive Webdesign u. v. m. 4. Aufl. Bonn: Rheinwerk Verlag GmbH.
  • Zillgens, Christoph (2012): Responsive Webdesign: Reaktionsfähige Websites gestalten und umsetzen. München: Carl Hanser Verlag GmbH & Co. KG.
Mode of delivery (face-to-face, distance learning)

In-class lecture with the opportunity to attend online. Subsequent to the course the video is available as a download. Compulsory attendance in the practice sessions.