Degree in Telematics (Networks and Internet Technologies)

Bachelor in Telematics (Networks and Internet Technologies)

Become an expert engineer in Network and Internet Technologies and get the CCNA and CCNP official qualifications

Web Projects I

Back to Syllabus

Description
The goal of the subject Web Projects I is that the students acquire the necessary knowledge to develop graphical web interfaces that allows users to see and interact with the data. A user web interface (or web front-end) is the one that is accessible through a web browser. That is why we will be using web technologies for its development. The technologies that we will learn in this subject are HTML, CSS and JavaScript. They are currently the standard recommended by the W3C (the World Wide Consortium) and they are considered the best for developing user interactions on the web. This subject is considered advanced. It has a constant reference to the new standards HTML5, CSS3, SCSS, objects and JavaScript libraries. The lecture has a working intensity of 4 ECTS credit, that is equivalent to 100 hours of dedication for the student.
Type Subject
Tercer - Obligatoria
Semester
First
Course
3
Credits
4.00

Titular Professors

Raul Vidal Muiños
Professor

Professors

Yuri González Azín
Raul Vidal Muiños
Previous Knowledge

tudents are recommended to have basic programming knowledge (conditional structures, loops, functions).

Objectives

The main goal is for students to be able to design and implement basic web applications with a professional and structured approach.
By the end of the course, students will be able to:

- Create web pages using semantic HTML and W3C standards.
- Apply styles and responsive designs using CSS and modern techniques such as Flexbox and Grid.
- Program interactivity and behavior using JavaScript and DOM manipulation.
- Integrate multimedia content, forms, and dynamic data.
- Apply accessibility, usability, and best practice principles.

Contents

The course is organized into five main blocks:

- Web foundations: Internet history, HTML structure, and basic tags.
- Advanced HTML: multimedia, links, tables, and semantic tags.
- CSS: selectors, properties, box model, Flexbox, and Grid.
- JavaScript: syntax, data types, functions, events, and DOM manipulation.
- Client-server concept and basic web security: introduction to AJAX and communication protocols.

Methodology

The course follows a Project-Based Learning (PBL) approach.

Each week includes one hour of lecture to introduce new concepts and two hours of lab sessions to apply them in practice.

It also integrates Self-Paced Learning moments, encouraging students to develop independent learning skills.

The methodology is highly practical and results-oriented, simulating a real-world development team environment.

Evaluation

The evaluation system is continuous, combining individual work with a final group project.

- Continuous assessment (30%): weekly hands-on practical exercises related to each topic.

- Final project (70%): group development of a complete web project, including documentation and a final interview.

To pass the course, students must pass both components separately.

The resit evaluation will consist of submitting a complete individual project with a maximum grade of 7.

Evaluation Criteria

The following aspects will be especially valued:

- Functional correctness of exercises and project.
- Code quality and structure, following best practices.
- Application of web standards and responsive design.
- User interface (UI/UX) design and usability.
- Technical documentation of the project.
- Active participation and teamwork throughout the project.

Basic Bibliography

WHATWG community (2021). HTML Living Standard. https://www.w3.org/TR/html5/
Haverbeke, M. (2019). Eloquent JavaScript (3rd ed.). https://eloquentjavascript.net/
Mozilla Developer Network (MDN). Web Docs: HTML, CSS & JavaScript. https://developer.mozilla.org/

Additional Material

Duckett, J. (2014). HTML & CSS: Design and Build Websites. Wiley.
Keith, J. & Andrew, R. (2022). DOM Scripting: Web Design with JavaScript and the Document Object Model. Friends of ED.
Mozilla MDN: Learning Area ? Front-End Web Development Tutorials.
CSS Tricks and Smashing Magazine: articles on web design and best practices.