Introduction to Web Programming
Áreas Científicas |
Classificação |
Área Científica |
CNAEF |
Informatics Sciences |
Ocorrência: 2022/2023 - 1S
Ciclos de Estudo/Cursos
Docência - Responsabilidades
Língua de trabalho
Portuguese
Objetivos
General objectivesWeb applications play an important role in our everyday life. In this context, it is necessary not only to know how to use them more effectively and efficiently but also to develop skills for their development.
In this sense, it is intended in this UC that students acquire knowledge, skills, and competencies in the area of front-end web development.
At the end of this course, students must have the necessary skills to design and develop the front-end of a web application.
Specific objectives1 - Web Architecture Obj#1- Understand and explain the main concepts associated with Web Architecture.
2 - HTML and CSS Obj#2- Recognize and explain the purpose of HTML and CSS language;
Obj#3 – Recognize main HTML elements and CSS selectors;
Obj#4 – Distinguish between markup languages and style languages
Obj#5 – Apply HTML language in the structuring of different contents and apply CSS styles language to HTML documents.
3- JavaScript and DOM Obj#6 – Recognize and explain the purpose of the JS programming language
Obj#7 – Develop JS scripts that allow implementing interaction and dynamics in HTML documents.
Obj#8 – Recognize and explain the DOM. Apply JS to DOM manipulation.
Obj#9 – Recognize and explain how the HTTP/s Protocol works
4 - Integrating objectivesObj#10 - Design and create the front-end of a web application with the integration of prior knowledge.
Obj#11 - Evaluate and reflect on the implementation carried out and identify alternative ways of implementation.
Resultados de aprendizagem e competências
At the end of the UC students should be able to:
1 - Identify and describe the technologies used to develop web applications, understand and explain the web architecture;
2 - Apply the HTML and CSS language necessary for the front-web application development;
3 - Apply interaction and dynamics to HTML and CSS elements using the Javascript language;
4 - Test and fix errors in HTML, CSS, and Javascript components;
5 - Apply good web interface programming practices.
Modo de trabalho
Presencial
Pré-requisitos (conhecimentos prévios) e co-requisitos (conhecimentos simultâneos)
Not applicable!
Programa
1) Notions of Web:
a) History and Development of the World Wide Web and Associated Technologies
b) Introduction to Client-Server Architecture;
2) Web Client:
a) HTML5 ;
b) CSS;
c) JavaScript/ECMAScript;
d) DOM (Document Object Model).
3) HTTP/HTTPS Communication Protocol;
Bibliografia Obrigatória
Luís Abreu; HTML5, FCA, 2015
Luís Abreu; Javascript, FCA, 2013
Pedro Remoaldo; CSS3, FCA, 2011
Ricardo Queiróz, Filipe Portela; Introdução ao Desenvolvimento Moderno para a Web, FCA, 2018
Bibliografia Complementar
Ricardo Queiróz, Filipe Portela; Desenvolvimento Avançado para a Web, FCA, 2020
Métodos de ensino e atividades de aprendizagem
The methodologies used will be student-centered. It is intended, therefore, to stimulate and encourage the student to participate in their teaching-learning process.
Thus, in TP classes the expository method will be used to introduce students to the concepts, however, an approach centered on active learning will always be encouraged. Students will be challenged to solve problems and questions. This process will always be mediated by the teacher. In Lab classes exercises for practical application and development of continued practical group work will be presented. Thus, an approach centered on the project-based methodology is adopted.
Software
Visual Studio Code
Sublime
Notepad ++
Tipo de avaliação
Distributed evaluation without final exam
Componentes de Avaliação
Designation |
Peso (%) |
Prova oral |
20,00 |
Teste |
40,00 |
Trabalho laboratorial |
40,00 |
Total: |
100,00 |
Componentes de Ocupação
Designation |
Tempo (Horas) |
Estudo autónomo |
30,00 |
Frequência das aulas |
60,00 |
Elaboração de projeto |
72,00 |
Total: |
162,00 |
Obtenção de frequência
Access to continuous assessment is subject to:
a) at least
75% of class attendance.
b) Average greater than or equal to 10 (and not less than 8 values in each evaluation component)
In case the student exceeds the allowed limit or does not reach the minimum grades, the student will automatically be assessed by exam.
Fórmula de cálculo da classificação final
Continuous evaluation:
- Theoretical Mini-Test (2) – HTML and CSS;
- Theoretical Test (1) - Javascript;
- Practical group work (2 elements).
- Individual Work
Final Grade Calculation (AC)
NF (>=9.5) = (Theoretical * 40%) + (Practical Work* 40%) + (Individual discussion * 20%)
(The average greater than or equal to 10 (and not less than 8 points in each component) exempts the student from taking the final exam)
Non-Continuous Evaluation:
- NF = 50% [CT] + [CP = 30% practical work + 20% individual discussion]
Avaliação especial (TE, DA, ...)
Working students, top-level athletes, association leaders, and students under the Religious Freedom Law must address, by the second week of the semester, the person in charge of the curricular unit, in order to justify their condition, as provided for in the respective diplomas.
Observações
The Moodle platform is used to support UC teaching activities. All content and activities are posted on the moodle page. Students must ensure their registration in this area by means of a registration key that is disclosed by the teacher in the first classes.