Web Development

Recommended Prerequisites

Average knowledge of programming and internet technologies;

Basic knowledge of Graphic Design.

Teaching Methods

The unit includes theoretical lectures where the fundamental concepts, principles and techniques are presented and explained in detail.

Lectures of practical nature play the role of strengthening the connection between theoretic knowledge and its practical application. To pursue this goal we focus on problem-solving and on the analysis of case studies that require combining different theoretical concepts and that promote critical reasoning.

Learning Outcomes

In this curricular unit, it is intended that the student acquires solid knowledge about website design and development, with a special focus on front-end. Thus, this course focuses on the design of websites with high aesthetic value and, in parallel, on their development with good functionality and the correct technical execution. In this way, we study about the website design process, the methods, and the necessary tools. Due to the fundamental role they play in the contemporary web development scenario, the emphasis is placed on component-based development architecture.

Work Placement(s)

No

Syllabus

New Media Design - Web Design Approach

Information Architecture

Text and Typography on the Web

Advanced Web components and Semantic Web

Responsivity and layout (CSS Grid, CSS flex)

Animation on the web (CSS3 e JS)

Advanced Javascript topics (e.g. E65, Typescript, Modular Javascript)

Intro to Non-Relational Databases (e.g. MongoDB)

Web development based on frameworks (e.g. Redux, módulos JSX e CSS, React, Angular)

Introduction to SVG, HTML Canvas, and Web GL

Key Performance Indicators.

Head Lecturer(s)

Luís Manuel Santos Lucas Bento Pereira

Assessment Methods

Assessment
Exam: 30.0%
Project: 70.0%

Bibliography

Flanagan, D. (2020) JavaScript: The Definitive Guide: Master the World's Most-Used Programming Language. Newton, MA: O'Reilly Media, Inc

Gross, B., Bohnacker, H., Laub, J. & Lazzeroni, C. (2018) Generative Design: Visualize, Program and Create with Javascript in p5.js. New York, NY: Princeton Architectural

Meyer, E. A. & Weyl, E. (2017) CSS: The Definitive Guide (4th Edition).  Newton, MA: O'Reilly Media, Inc

Lupton, E. (2014) Type on Screen: A Critical Guide for Designers, Writers, Developers, and Students. New York, NY: Princeton Architectural Press.

Vinh, K. (2010) Ordering Disorder: Grid Principles for Web Design. Indianapolis, IN: New Riders Publishing.