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 |
None
- 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
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).
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.
- 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.
None
-
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.
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.