Internet Technologies I

Degree | Informatics engineering

Scientific Field:

Computer Science

Duration:

Semester

ECTS

Contact Hours Theoretical Practices:

60h

LEARNING OBJECTIVES

To complete this unit, students must acquire the following knowledge and skills:

1. Know how to use Markup Language elements in HTML5
2. Know how to use selectors in CSS3 language
3. Know how to create responsive web pages using HTML5 and CSS3
4. Understand the elements and control structures of JavaScript Language
5. Know how to create and execute scripts using HTML5 language and the DOM-Document Object Model
6. Develop Web Applications Using:

a. HTML5 Audio and Video Technologies
b. Canvas Object
c. Web Storage Technology
d. Drag and Drop Techniques
e. Geolocation technology
f. Web Sockets
g. Ajax- Asynchronous JavaScript Technologies.

PROGRAM

1. HTML Language Evolution
2. HTML5 Technologies. An overview
3. HTML5 (Markup Language)

3.1. Structural elements
3.2. Text elements
3.3. Table elements
3.4. Embedded elements
3.5. Forms elements

4. CSS3

4.1. Selectors
4.2. Layout and positioning
4.3. Text
4.4. Borders and background
4.5. Table
4.6. Flexbox model
4.7. Animation
4.8. Responsive Design

5. The JavaScript language

5.1. Origins and language evolution
5.2. Scripts and client-side browser programming
5.3. Data types and variables
5.4. Operators and expressions
5.5. Decision Structures
5.6. Repetition structures
5.7. Arrays
5.8. Functions
5.9. Objects

5.9.1. Elements, Properties, Methods and Members
5.9.2. Access to objects’ properties
5.9.3. Executing methods
5.9.4. Constructing functions

6. HTML5 API’S

6.1. Audio and Video
6.2. Canvas
6.3. Web Storage
6.4. Drag and Drop
6.5. Geolocation
6.6. WebSocket

7. Ajax-Asynchronous JavaScript and XML

DEMONSTRATION OF COHERENCE BETWEEN SYLLABUS AND LEARNING RESULTS

The syllabus reflects the objectives of the unit. Students start by learning how to create and format Web Pages using HTML followed by applying styles using CSS3. The JavaScript language is presented in the context of the browser engine execution of the JavaScript Code (point 5). Once the students acquire the necessary knowledge that allows them to develop Web Applications using Audio, Video, Canvas, Web storage, Drag and Drop, Geolocation and WebSocket.

TEACHING METHODOLOGY AND ASSESSMENT

This unit has a theoretical-practical nature. In total 60 hours are planned for classroom teaching. The student’s total study time should be 108 hours. The teaching contents presented are immediately tested on a computer, through projects suggested by the teacher and developed by students in groups. These projects evolve from relatively simple exercises to true web applications that explore the various domains provided by HTML5 technology.
Under ISTEC’s Operating Regulations, the evaluation is carried out through an individual and mandatory written exam. In the final classification, elements of continuous assessment may be considered, such as tests, individual or group assignments, as well as class participation and learning resources provided by e-learning systems.

DEMONSTRATION OF CONSISTENCY BETWEEN TEACHING METHODOLOGIES AND LEARNING RESULTS

Formative assessment methodologies, through the creation of small practical tasks with increasing complexity, ensure that students participating in these activities will achieve the defined learning objectives. Being able to develop Web Applications using HTML5 technologies (HTML5, CSS3 and JavaScript).

BIBLIOGRAPHY

Fundamental:
COELHO, P. (2015). Desenvolvimento Móvel com HTML5 – Integração com JavaScript, CSS3 e JQuery Mobile. Lisboa: FCA
ABREU, L. (2015). HTML 5 – 4ª Edição Atualizada e Aumentada. Lisboa: FCA.
Complementary:
ABREU, L. (2015). JavaScript 6. Lisboa: FCA.
BOOTSTRAP. (2017). Bootstrap · The world’s most popular mobile-first and responsive front-end framework. Disponível em https://getbootstrap.com/
CARRIÇO, R. (2012). HTML5 CANVAS – Gráficos e Animações. Lisboa: Edições Chambel, Lda.
DEVDOCS (2017). DevDocs Documentation. Disponível em http://devdocs.io/
JQUERY (2017). JQuery – Write less, do more. Disponível em http://jquery.com/
REMOALDO, P. (2011). CSS 3. Lisboa: FCA.
W3SCHOOLS (2017). The World’s Largest Web Developer Site. Disponível em http://w3schools.com
INTERNET:
Access to specialist publications, free of charge, through the SPRINGER network:
https://link.springer.com/