Guía Docente 2023-24
LENGUAJES Y ESTÁNDARES EN LA WEB

BASIC DETAILS:

Subject: LENGUAJES Y ESTÁNDARES EN LA WEB
Id.: 30067
Programme: GRADUADO EN INGENIERÍA INFORMÁTICA. PLAN 2008 (BOE 15/12/2008)
Module: TECNOLOGIAS WEB
Subject type: OPTATIVA
Year: 3 Teaching period: Primer Cuatrimestre
Credits: 3 Total hours: 75
Classroom activities: 33 Individual study: 42
Main teaching language: Inglés Secondary teaching language: Castellano
Lecturer: Email:

PRESENTATION:

Web design has evolved from its original inception, going through a standardization process with the aim of differentiating the format of a website from the contents of that website. Standardization allows the addition of new functionalities and promotes content compatibility between the different web browsers in use. Hence, the main goal of this subject is to introduce students to web design and the benefits of web design stardards.

 

PROFESSIONAL COMPETENCES ACQUIRED IN THE SUBJECT:

General programme competences G02 Innovative capacity to propose and find new and efficient ways to undertake any task and/ or function within the professional environment - highly motivated by quality.
G05 Capacity to adapt to different environments while being positive and optimistic, orienting your behaviour towards the achievement of goals.
Specific programme competences E13 Capacity to identify, assess and use current and emerging technologies, considering how they apply in terms of individual or organisational needs.
E20 Capacity to undertake the detailed design of the components of a project (procedures, user interface, equipment characteristics, communications system parameters, etc.).
Learning outcomes R01 Understand the concept of standards, current specifications and the development process for them.
R02 Present and plan a Web site.
R03 Develop a Web site using the languages considered standard.

PRE-REQUISITES:

Advanced programming skills and extensive knowledge of the Java programming language are recommended as a prerrequisite of the subject. Database and SQL fundamentals are also required as a prerrequisite. Basic HTML and XML knowledge is desirable, albeit not required.

 

 

SUBJECT PROGRAMME:

Observations:


We will start the subject by introducing the basic concepts of standardization. We will learn about the creation of standards, which standards to follow, and how to validate the compliance of a web with the current standards. We will then go over general web design and web planning concepts.

After the first module, we will start learning about building our first websites through HTML and CSS. We will complement this knowledge by incorporating JavaScript and jQuery into the websites. HTML, CSS, JavaScript, and jQuery will be the technologies that will take the majority of the available time in the course.

To round up, we will briefly introduce more advanced frameworks for web design: Angular / Node.js / React... 

 

 

Subject contents:

1 - Introduction to web design based on standards
    1.1 - What is a standard? First concepts about design based on standards
    1.2 - Design elements: user, device, and contents
    1.3 - Basic web design concepts
    1.4 - Benefits of using web standards
2 - Introduction to standardization
    2.1 - Definition of standardization
    2.2 - Creation of a standard
    2.3 - The W3C: World Wide Web Consortium
    2.4 - The roles and responsibilities of web designers
    2.5 - How to determine which standards to follow
    2.6 - Standard web languages
    2.7 - Validating standard compliance
3 - Basic web design concepts
    3.1 - Website planning and navigational modeling
    3.2 - First steps in web design
    3.3 - Colour schemes, mock-up design, and web typography
4 - HTML
    4.1 - HTML4
    4.2 - HTML5
5 - CSS
    5.1 - CSS2
    5.2 - CSS3
    5.3 - Responsive design
6 - JavaScript
    6.1 - Introduction to JavaScript
    6.2 - JavaScript data types and variables
    6.3 - JavaScript expressions and operators
    6.4 - Functions in JavaScript
    6.5 - JavaScript objects and dynamic HTML
7 - jQuery
    7.1 - Introduction to jQuery
    7.2 - jQuery syntax
    7.3 - jQuery selectors
    7.4 - jQuery events
    7.5 - jQuery effects
8 - Advanced web technologies
    8.1 - Introduction to advanced web technologies

Subject planning could be modified due unforeseen circumstances (group performance, availability of resources, changes to academic calendar etc.) and should not, therefore, be considered to be definitive.


TEACHING AND LEARNING METHODOLOGIES AND ACTIVITIES:

Teaching and learning methodologies and activities applied:

Theoretical sessions: lectures by the professor with active participation by the students

Tuition sessions: individual or group tuition sessions to solve doubts related to the subject, agreed upon the students and the professor via mail in the allocated time slot

Autonomous work: students must follow the theoretical meterials and solve the practical cases provided by the professor.

 

Student work load:

Teaching mode Teaching methods Estimated hours
Classroom activities
Master classes 20
Practical exercises 8
Assessment activities 5
Individual study
Tutorials 2
Individual study 8
Individual coursework preparation 5
Group cousework preparation 5
Project work 18
Research work 4
Total hours: 75

ASSESSMENT SCHEME:

Calculation of final mark:

Written tests: 20 %
Individual coursework: 40 %
Group coursework: 40 %
TOTAL 100 %

*Las observaciones específicas sobre el sistema de evaluación serán comunicadas por escrito a los alumnos al inicio de la materia.

BIBLIOGRAPHY AND DOCUMENTATION:

Basic bibliography:

Andy Budd, Cameron Moll and Simon Collison: CSS Mastery - Advanced Web Standards Solutions. ISBN: 9781590596142
David Flanagan: JavaScript: The Definitive guide. O’REILLY, 2006. ISBN: 9780596101
Kevin Ruse: Web Standards design guide. Charles River Media, 2005. ISBN: 1584503874
Danny Goodman: JavaScript y DHTML. ISBN: 9788441523883

Recommended bibliography:

Chuck Easttom: Advanced JavaScript. ISBN: 9781598220
Tom Negrino: JavaScript. ISBN: 9788420546469

Recommended websites:

Dive into HTML www.diveintohtml5.info/index.html
Reference HTML, CSS, JavaScript www.sitepoint.com/html-css/css/
W3 Consortium www.w3.org
W3 Schools www.w3schools.com


* Guía Docente sujeta a modificaciones