Web Design

Learning time distribution

Learning outcomes

Knowledge

• (6a03a0922355ae3a04d2f21b) names, provides examples, concludes, specifies, recognizes, and critically justifies methods for designing and managing complex IT projects, using modern strategies.
• (6a03a0922355ae3a04d2f227) Define key terms related to software development, including algorithms and programming paradigms.

Skills

• (6a03a0932355ae3a04d2f23d) initiates, prepares, carries out, and proposes methods for developing complex IT projects.
• (6a03a0932355ae3a04d2f248) Develop a collaborative digital project that incorporates innovative solutions to address current technological challenges.
• (6a03a0942355ae3a04d2f2c3) Create innovative visual presentations that translate complex scientific data into easily understandable formats for the general public.

Responsibility

• (6a03a0942355ae3a04d2f2d6) ethically and responsibly builds secure and scalable IT solutions, collaborating with specialists from related fields.
• (6a03a0942355ae3a04d2f2d8) produces software and continuously adapts it to new technologies and market requirements.
• (6a03a0942355ae3a04d2f2d9) The student/graduate applies an ethical framework in the use of AI, with responsibility for the social impact of the proposed solutions.

Online platform

Course content

Course bibliography

Bibliography:[1] Jennifer Niederst Robbins, Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Images, 6th edition, O’Reilly Media, 2025, ISBN: 978-1098137687, link: https://learningwebdesign.com [primary textbook].[2] Online resource, ECMA International. ECMA-262 - ECMAScript Language Specification, available at: https://ecma-international.org/publications-and-standards/standards/ecma-262/ [additional resource]/[3] Online resource, World Wide Web Consortium (W3C). Cascading Style Sheets (CSS) Specifications, available at: https://www.w3.org/Style/CSS/ [additional resource].[4] Online resource, WHATWG. HTML Living Standard, available at: https://html.spec.whatwg.org/ [additional resource].[5] Online resource, Mozilla Developer Network (MDN). MDN Web Docs, available at: https://developer.mozilla.org/en-US/ [additional resource].[6] Online resource, Ally.js. JavaScript Accessibility Library and Resources, available at: https://allyjs.io/ [additional resource].[7] Online resource, World Wide Web Consortium (W3C). Markup Validation Service, available at: https://validator.w3.org/ [additional resource].[8] Online resource, FrontendMasters. FrontendMasters Web Development Platform, available at: https://frontendmasters.com/ [students eligible for the GitHub Student Developer Pack can receive six months of free full access to the platform] [additional resource].

Seminar content

Seminar bibliography

The content of this course is aligned with the epistemic expectations of the academic community, professional associations, and representative employers in the field of computer science. It integrates theoretical foundations and practical competencies in modern web development, including semantic markup, responsive design, client-server interaction, accessibility standards, version control workflows, and deployment practices. Through its project-based and progressively structured approach, the course reflects current industry standards and supports the development of technical expertise, problem-solving ability, collaborative skills, and ethical responsibility expected in contemporary software engineering environments.

Corroboration

(none)

AI tools guidance

Evaluation and delivery

Performance standards

Lectures: For grade 5 (minimum pass - 50%) The student demonstrates: Theoretical knowledge of HTML and CSS for structuring and styling web applications. Theoretical knowledge of JavaScript fundamentals for implementing client-side dynamic behavior. Theoretical knowledge of HTTP and Fetch API for client-server interaction. Basic understanding of accessibility principles and version control concepts. Minimum requirements: Participation in the quizzes. Passing the final written code analysis / annotation exam with a minimum score of 45%. Obtaining at least 45% in the lecture component. For grade 10 (excellent - 100%) The student demonstrates: Advanced theoretical understanding of semantic HTML and responsive CSS architecture. In-depth knowledge of DOM manipulation and asynchronous programming. Critical understanding of client-server interaction and error handling. Advanced knowledge of accessibility standards and frontend code quality. Ability to justify architectural and implementation decisions. The highest grade is awarded for outstanding performance across quizzes and the final written examination, reflecting deep understanding and critical reasoning. Laboratories: For grade 5 (minimum pass - 50%) The student demonstrates: Practical ability to build a responsive web application using HTML and CSS (HW1). Practical ability to implement DOM manipulation and client-side validation (HW2). Practical ability to integrate dynamic content using Fetch API and apply accessibility improvements (HW3). Active participation in laboratory activities. Minimum requirements: Submission and presentation of HW1, HW2, and HW3. Achieving at least 45% in the laboratory component. Participation in laboratory activities. For grade 10 (excellent - 100%) The student demonstrates: Advanced ability to design and implement a structured and maintainable frontend application. Effective integration of dynamic data and asynchronous behavior. Application of accessibility auditing and performance improvements. Professional use of version control workflows and deployment processes. Clear, technically rigorous project presentation. The highest grade is awarded for excellent technical implementation, architectural clarity, and consistent high-level laboratory engagement throughout the semester.

Additional info

The final grade is calculated as the weighted average of the grades obtained for the two components of the discipline: the lecture component (C) and the laboratory component (L/S), according to the percentages specified in the evaluation section. The discipline is considered passed if the student obtains a final grade of at least 5 (on a scale of 1-10), provided that a minimum grade of 4.5 is obtained separately for each of the two components (lecture and laboratory). In retake or grade-improvement examination sessions, each component is considered passed if a grade of at least 5 is obtained for that specific component, except for components that cannot be retaken during the examination session (such as continuous laboratory activity). In all examination sessions, including retakes and grade improvements, the final grade is calculated according to the same weighted rule. Attendance requirements for lectures and laboratories are governed by the Code of Student Rights and Obligations and by the Regulation on the Professional Activity of Students in the Bachelor's and Master's Study Cycles at the West University of Timișoara. Recovery of practical laboratory activities may be carried out during the semester, until Week 13. Students are responsible for requesting recovery from the instructor and for completing additional assignments assigned for this purpose, with a final submission deadline of Week 14. A maximum of three laboratory activities may be recovered. Homework assignments (HW1, HW2, HW3) are evaluated based on clearly defined submission deadlines. Missed homework submissions cannot be recovered during the examination session unless otherwise specified. Students who obtain less than 45% in the laboratory component are not eligible to take the final examination and must re-enroll in the course in accordance with the Code of Student Rights and Obligations and the applicable university regulations. Acknowledgment: The instructor would like to thank Jennifer Niederst Robbins for generously providing access to the Instructor’s Guide and supporting materials for Learning Web Design (6th edition), which contribute to the effective delivery of this course.