Desenvolvimento para a Web

Conhecimentos de Base Recomendados

n. a. 

Métodos de Ensino

Nesta unidade curricular são utilizadas as seguintes metodologias de ensino:

1. Método expositivo: método explicativo onde fundamentos teóricos e conceitos são apresentados pelo docente e discutidos com a turma. Os conceitos e informações serão apresentados aos alunos através, por exemplo, de apresentações em slides ou discussões orais. Será utilizado nas aulas para a estruturação e esquematização da informação.

2. Método demonstrativo: baseia-se na exemplificação pelo docente de uma operação técnica ou prática que se deseja aprendida. Centra-se na forma como se executa uma dada operação, destacando as técnicas, as ferramentas e os equipamentos mais adequados. Será por exemplo utilizado em aulas práticas e laboratoriais.

3. Método interrogativo: processo que se fundamenta em interações verbais, sob a condução do docente, adotando o formato de questões e respostas. Permite obter maior dinâmica na aula e consolidar a aprendizagem. Será utilizado por exemplo para recordar elementos de aulas anteriores, e em revisões do conteúdo lecionado.

4. Métodos ativos: serão utilizadas técnicas pedagógicas em que o aluno é o centro do processo de aprendizagem, sendo um participante ativo e envolvido na sua própria formação. O docente assume o papel de facilitador, estimulando o pensamento crítico, a colaboração, a criatividade e a autonomia dos alunos. Serão aplicados nas aulas para alcançar um ambiente de aprendizagem dinâmico e mais duradouro.

Resultados de Aprendizagem

No final desta unidade curricular os estudantes deverão ser capazes de:

  • Descrever o funcionamento de clientes e servidores web;
  • Descrever o funcionamento do protocolo HTTP e analisar transações web utilizando as ferramentas do browser;
  • Construir páginas web semanticamente estruturadas utilizando HTML5;
  • Construir layouts complexos e responsivos utilizando CSS;
  • Aplicar frameworks CSS para acelerar o desenvolvimento de interfaces responsivas;
  • Implementar algoritmos de programação e manipular o conteúdo e a estrutura de páginas web utilizando JavaScript;
  • Desenvolver aplicações client-side que consomem dados de API’s externas;

Programa

Fundamentos da Web e protocolo HTTP

  • Arquitetura cliente-servidor e o funcionamento da Web;
  • Estrutura de pedidos e respostas HTTP;
  • Análise de transações web, métodos e cabeçalhos com as ferramentas do programador do browser; 

Estruturação de páginas web com HTML

  • Estrutura base de um documento, validação e boas práticas;
  • Construção de conteúdo com tags semânticas e elementares;
  • Implementação de listas, tabelas e formulários;

Estilização e layouts com CSS

  • Fundamentos: seletores, prioridades, Box model e formatação de texto;
  • Criação de layouts com Flexbox e CSS Grid;
  • Implementação de designs responsivos com Media Queries;

Desenvolvimento com frameworks CSS

  • Introdução a frameworks e a sua utilidade no desenvolvimento moderno;
  • Construção de interfaces responsivas e utilização de componentes pré-definidos com Bootstrap;

Programação client-side com JavaScript

  • Fundamentos: variáveis, tipos de dados, operadores e lógica de programação (condições e ciclos);
  • Estruturação de código com funções e organização de dados com objetos e arrays;
  • Interação com a página: manipulação do DOM e gestão de eventos;
  • Recolha e validação de dados através da manipulação de formulários;

Comunicação com API’s externas

  • Introdução a JavaScript assíncrono;
  • Desenvolvimento de aplicações que consomem dados de serviços externos;

Docente(s) responsável(eis)

Nuno Miguel Gil Fonseca

Estágio(s)

NAO

Bibliografia

Abreu, L. (2015). HTML 5 (4ª edição). FCA.
Remoaldo, P. (2011). CSS 3. FCA.
Queirós, R. (2017). Criação rápida de sites responsivos com o Bootstrap. FCA.
Abreu, L., & Carreiro, J. P. (2015). JavaScript 6. FCA.
Portela, F., & Queirós, R. (2018). Introdução ao desenvolvimento moderno para a web. FCA.
Portela, F., & Queirós, R. (2020). Desenvolvimento moderno para a web – do front-end ao back-end. FCA.