Desenvolvimento Web

Para um bom aproveitamento da unidade curricular, recomenda-se que os estudantes possuam:

• Conhecimentos básicos de programação (variáveis, ciclos, funções)
• Experiência prévia com pelo menos uma linguagem de programação
• Capacidade básica de resolução de problemas e pensamento algorítmico

A disciplina combina abordagens teóricas e práticas para garantir que os alunos adquiram tanto o conhecimento conceitual quanto as competências técnicas necessárias para o desenvolvimento web.

1. Ensino Expositivo e Demonstração
Cada aula com cariz mais teórico inicia-se com uma apresentação estruturada dos conceitos fundamentais.
São feitas demonstrações ao vivo de código para mostrar boas práticas de programação e explicar conceitos abstratos de forma prática.

2. Ensino Ativo e Resolução de Problemas (Problem-Based Learning – PBL)
Os alunos resolvem exercícios práticos durante as aulas para consolidar o conhecimento.
A resolução de problemas foca-se em:

• Aplicação de boas práticas de desenvolvimento.
• Depuração de código e identificação de erros.
• Otimização de soluções.

3. Aprendizagem Colaborativa
Trabalho em pares ou pequenos grupos para discutir e resolver desafios.
Code reviews entre alunos para estimular a análise crítica e troca de feedback.
Discussões guiadas para incentivar o pensamento crítico sobre arquitetura e boas práticas.

A unidade curricular de Desenvolvimento Web visa dotar os estudantes com conhecimentos e competências fundamentais para o desenvolvimento de aplicações web modernas.

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

1. Compreender o funcionamento da Web e o modelo cliente-servidor
2. Estruturar corretamente documentos HTML5 com semântica adequada
3. Desenvolver páginas Web acessíveis e bem organizadas
4. Aplicar CSS para estilização e criação de layouts responsivos
5. Utilizar JavaScript para introduzir interatividade em páginas Web
6. Consumir dados a partir de APIs Web simples
7. Integrar os conhecimentos adquiridos no desenvolvimento de uma aplicação Web básica

Competências a desenvolver:

• Capacidade de estruturar e desenvolver aplicações web frontend
• Aptidão para resolver problemas práticos de programação web
• Capacidade para implementar designs responsivos
• Experiência para trabalhar em grupo

1. Fundamentos Web e HTML5 

• Introdução à Web e arquitetura cliente-servidor
• Protocolos Web: HTTP e HTTPS (noções práticas)
• Estrutura de documentos HTML5
• Elementos fundamentais de HTML
• HTML semântico
• Formulários HTML e validações básicas
• Acessibilidade Web elementar 

 2. CSS3 e Design Responsivo

• Seletores, herança e cascata
• Box model
• Flexbox e CSS Grid (conceitos básicos)
• Media queries e design responsivo
• Variáveis CSS e organização de estilos

 3. JavaScript

• Sintaxe (variáveis, tipos de dados e estruturas de controlo)
• Funções e eventos
• Manipulação do DOM
• Criação dinâmica de conteúdos
• Validação de formulários com JavaScript

 4. Consumo de APIs Web

• Conceito de API Web
• Formato JSON
• Fetch API
• Tratamento básico de erros
• Apresentação de dados provenientes de APIs

 5. Projeto Prático Integrador

• Planeamento de uma aplicação Web simples
• Estruturação em HTML semântico
• Estilização com CSS responsivo
• Interatividade com JavaScript
• Consumo de dados de uma API pública

NAO