Desenvolvimento para a Web I

Não há.

Os conteúdos da disciplina são apresentados através da exposição e discussão de exemplos. (Método Expositivo)

São propostos exercícios aos alunos para que treinem a resolução de problemas de diferentes tipos. (Método Experimental)

– Identificar as principais utilização da Internet;
– Descrever o funcionamento de clientes e servidores web;
– Descrever o funcionamento do protocolo HTTP;
– Construir páginas web com HTML corretamente escrito;
– Testar páginas web com vista a identificar problemas e solucionar os ditos problemas;
– Construir folhas de estilos com CSS;
– Identificar as limitações das CSS e aplicar pré-processadores de CSS para os ultrapassar;
– Construir páginas web com frameworks de HTML/CSS;
– Desenvolver aplicações client-side com JavaScript

Hipermédia

• Utilizações iniciais da Internet
• Hipertexto
• Hipermédia
• Evolução Histórica

Clientes e servidores web

• Conceitos base
• Principais tipos de clientes web
• Browsers
• Browser engines
• JavaScript engines
• Browsers de texto
• Conceitos base sobre servidores web

HTTP (HyperText Transfer Protocol)

• Definição de protocolo
• Evolução do protocolo HTTP
• A estrutura das transações (pedidos e respostas)
• Principais cabeçalhos
• Os diversos métodos (GET, POST, PUT, DELETE, HEAD, …)

HTML (HyperText Markup Language)

• Conceitos base
• Estrutura base de um documento HTML
• Validação de documentos HTML
• Metatags
• As tags elementares (p, a, hr, br, img, h1…h6)
• Listas
• Tabelas
• Formulários
• Destaques
• Contentores genéricos
• Contentores semânticos
• Multimédia (video, áudio, canvas)

CSS (Cascading Style Sheets)

• Conceitos base
• Validação de ficheiros CSS
• Regras de estilo
• As diferentes formas de definir estilos (inline, interna, externa)
• Os principais seletores
• Prioridade entre seletores
• Formatação de texto
• Cores e backgrounds
• Propriedades de formatação do box-model
• Pseudo classes e pseudo elementos
• Posicionamento de imagens e tabelas
• Formatação de listas
• Tipos de posicionamento (static, absolute, relative, fixed)
• Flexbox
• Construção de layouts assente em grelhas
• Responsive design
• Transformações 2D e 3D
• Transições
• Animações

Pré-processamento de CSS (SASS)

• Conceitos base
• Variáveis
• Nesting
• Partials
• Mixins
• Herança
• Operadores
• Media queries

Frameworks de CSS/HTML

• Conceitos base
• Construção de layouts recorrendo a frameworks de CSS/HTML

JavaScript

• Conceitos base
• As várias formas de utilizar JavaScript (inline, interna e externa)
• Eventos
• Funções
• Variáveis e tipos de dados
• Operadores
• Estruturas de controlo
• Ciclos
• Manipulação de strings
• Manipulação de arrays
• Objetos simples
• Manipulação de formulários
• Web storage
• Cookies
• Manipulação do DOM
• API Fetch

NAO

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.