Print

Web Development

Code

IT-WEB1

Version

4.0

Offered by

ICT Engineering

ECTS

5

Prerequisites

General admittance requirements

Main purpose

This course is an introduction to front-end web development and core web standards. Students will gain proficiency in HTML, CSS, and JavaScript, while developing the competencies necessary to create responsive, user-friendly, interactive, and dynamic websites.​

Knowledge

After completing the course, students will be able to:

  • Understand the roles of HTML, CSS, and JavaScript in web development.
  • Identify basic HTML elements and attributes.
  • Explain the principles of semantic HTML and its importance in structuring web content.
  • Describe the core concepts and techniques of CSS for styling a web page, including syntax, selectors, the cascade algorithm, specificity, inheritance, the box model, and styling methods.
  • Explain the DOM, how it can be used to access and modify elements on a webpage, and how it can be used in conjunction with other Web APIs to make a page more interactive.
  • Explain the structure and usage of JSON.
  • Summarize usability testing methods.
  • Reflect on the role of the user in web development.

Skills

Upon course completion, students will have gained skills to:

  • Create the structure of a web page with basic HTML elements and attributes.
  • Create a responsive layout using flow, flexbox, grid, and media queries.
  • Set up and organize a development environment and leverage browser developer tools.
  • Host websites as static files.
  • Write JavaScript code, utilizing variables, functions, conditionals, loops, objects, and Web APIs to create interactive websites.
  • Store data client-side using the Web Storage API.
  • Validate and handle HTML Forms.
  • Utilize the Fetch API to communicate with a server.
  • Assess and improve the accessibility of a website.
  • Apply established UI design patterns and heuristics to enhance the user experience.

​


Competences

Upon completing this course, students will have gained the competencies to:

  • Create responsive, interactive, user-friendly, and dynamic websites.
  • Establish a strong foundation in core web standards, preparing for the development of web applications using modern frameworks and tools.
  • Work with UI/UX designers to translate design handoffs into fully functional websites.​
  • Collaborate with backend developers to create dynamic websites with client/server communication.

​

Topics

Teaching methods and study activities

12 sessions (48 lessons). These lessons consist of presentations, discussion of theory and exercises. The total workload of the student is expected to be around 140 hours.

There are a total of three smaller projects during the semester.


​

Resources

Select material from online resources.

Evaluation

Examination

Exam prerequisites:

1. Attendance (≥ 75%) 

If the exam prerequisites are not met, the student must complete a written assignment in WISEflow to qualify for the re-exam.
This assignment​ will be scheduled after the ordinary exam. 

Type of exam:  

Individual oral exam, 20 minutes, without preparation.
The student will draw from a pool of known questions and is expected to reference relevant course projects as part of their answer. This involves demonstrating and potentially writing or modifying source code during the exam.
The final grade will be based on an overall assessment of the projects presented and the oral examination.
Internal assessment.

Tools allowed:

All

Re-exam:
Same as the ordinary exam.

Grading criteria

Grading based on the Danish 7-point scale.

Additional information

Responsible

Line Lindhardt Egsgaard (lile)

Valid from

01-08-2025 00:00

Course type

Keywords

Web development, front end, web infrastructure, HTML, CSS, JavaScript, responsive layouts, web design, usability, web APIs