Web Technologies
| Keywords |
| Classification |
Keyword |
| OFICIAL |
Communication Technology |
Instance: 2025/2026 - 1S 
Cycles of Study/Courses
| Acronym |
No. of Students |
Study Plan |
Curricular Years |
Credits UCN |
Credits ECTS |
Contact hours |
Total Time |
| MM |
15 |
Syllabus |
1 |
- |
6 |
45 |
162 |
| 2 |
Teaching Staff - Responsibilities
Teaching language
Portuguese
Obs.: Preferably in Portuguese, however, if necessary, contributions may be made in English.
Objectives
Provide students with knowledge and practical skills on:
- Fundamentals of Web development (HTML, CSS, JavaScript).
- Multimodal and interactive technologies for the Web (audio, video, sensors, XR, data visualization).
- Design and development of responsive, interactive, and creative Web applications.
- Integration of multiple modalities into immersive Web experiences.
- Critical and responsible use of Artificial Intelligence tools to support Web development.
- Team collaboration for conceiving, implementing, and presenting a multimedia project.
Learning outcomes and competences
By completing this course unit, students should be able to:
- Design and implement the information architecture of a Web application.
- Create valid HTML documents, responsive CSS stylesheets, and interactivity with JavaScript.
- Integrate audio, video, and sensors into multimodal Web experiences.
- Produce data visualizations and 3D graphics for the Web.
- Develop basic Virtual and Augmented Reality experiences with WebXR.
- Use AI critically to support development, comparing, adapting, and reflecting on its limitations.
- Work collaboratively and present interactive projects in a clear and creative way.
Working method
Presencial
Pre-requirements (prior knowledge) and co-requirements (common knowledge)
There are no formal prerequisites. However, it is recommended that students have a basic understanding of programming and HTML/CSS, as well as general skills in digital multimedia.
Program
- Introduction to Web Technologies: client/server, HTML, CSS, JavaScript.
- Responsive design and accessibility.
- JavaScript interactivity and DOM manipulation.
- Multimedia APIs: Web Audio API.
- Video and Canvas/SVG.
- Real-time communication: WebRTC.
- Sensors and multimodality (voice, touch, motion).
- Data visualization (Chart.js, D3.js).
- 3D graphics on the Web (Three.js).
- Virtual and Augmented Reality on the Web (WebXR).
- Final project.
Mandatory literature
Elizabeth Castro;
HTML and CSS. ISBN: 0-321-71961-1
Complementary Bibliography
Michal Zalewski;
The tangled Web. ISBN: 978-1-59327-388-0
Jakob Nielsen;
Designing web usability. ISBN: 1-56205-810-X
Louis Rosenfeld;
Information architecture for the World Wide Web. ISBN: 1-56592-282-4
Teaching methods and learning activities
- Flipped classroom: each week, a group of students introduces the theoretical concepts with a short presentation (10 minutes).
- Mini-challenge, where students apply concepts and critically reflect on the use of AI.
- Practical group work for the development of the final multimodal project.
- Critical discussions and peer-sharing in class.
Software
GIMP
Audacity
Blender
Git
VSCode
Node.js
OBS Studio
Postman
Inkscape
keywords
Technological sciences > Technology > Internet technology
Evaluation Type
Distributed evaluation without final exam
Assessment Components
| Designation |
Weight (%) |
| Trabalho laboratorial |
30,00 |
| Trabalho prático ou de projeto |
50,00 |
| Participação presencial |
20,00 |
| Total: |
100,00 |
Amount of time allocated to each course unit
| Designation |
Time (hours) |
| Elaboração de projeto |
60,00 |
| Estudo autónomo |
60,00 |
| Frequência das aulas |
42,00 |
| Total: |
162,00 |
Eligibility for exams
To obtain frequency, students may not exceed the maximum number allowed of missed classes. Attendance will be registered in all classes.
It is necessary to obtain a minimum of 8 (out of 20) in every distributed evaluation components.
Continuous assessment without final exam.
Components
- Weekly mini-challenges + AI reflection reports → 30%
- Continuous participation (includes flipped classroom presentations and engagement) → 20%
- Final project (functionality, creativity, critical use of AI, presentation) → 50%
Final grade = 30% Mini-challenges + 20% Participation + 50% Final Project
Calculation formula of final grade
The final mark will be calculated as follows:
- Final grade = 30% Mini-challenges + 20% Participation + 50% Final Project
To complete this course unit, students have to reach a minimum grade of 8 (out of 20)in every distributed evaluation components.
Examinations or Special Assignments
Not applicable.
Special assessment (TE, DA, ...)
Students with a special status are assessed as regular students. They have to perform the same assignments within the same deadline as regular students.
Students not required to attend classes need to define ways and a schedule for a weekly status with the teachers.
Classification improvement
Students may improve the grade of the continuous assessment component on the subsequent academic year.