Curso Técnico Superior Profissional
Desenvolvimento de Software
Área Científica
Ciências informáticas
Duração
Semestral
Unidade Curricular
Programação Web - Cliente
ECTS
3
Horas de Contacto Teórico Práticas
50h
OBJETIVOS
No final da Unidade Curricular o aluno deve ser capaz de:
1. Conhecer as principais linguagens e standards para a Web
2. Estruturar documentos baseados numa linguagem de markup
3. Definir o formato de documentos utilizando linguagens de folhas de estilo
4. Saber desenvolver páginas Web com recurso a frameworks CSS e Javascript
5. Entender o processo de desenvolvimento de aplicações Web usando linguagens de scripting de cliente
CONTEÚDOS PROGRAMÁTICOS
1. Tecnologias subjacentes – Internet. – World Wide Web. – Componentes da Web.
2. Desenho de páginas Web – Estrutura do site. Mapa do site. – Estrutura de páginas e modelos de páginas: internas, secundárias e inicial. – Criação de páginas : HTML e CSS. – Tipos de letras e formatos de imagem. – “Responsividade”, usabilidade e acessibilidade.
3. Desenvolvimento de páginas Web em HTML – Regras básicas. – Elementos do cabeçalho e corpo – Elementos de secções e de estruturação de texto. – Ligações e imagens. – Listas e tabelas. – Estruturação específica.
4. Linguagem de Folhas de estilo (CSS) – HTML e CSS. Regras básicas. – Classes e IDs. Seletores, pseudo-classes e declarações. – Unidades, cores e fontes de letras. – Atributos de texto. – Modelo da caixa. Margens, paddings e bordos. – Posicionamento.
5. Linguagem JavaScript – Introdução. Scripts e embutimento no HTML. – Variáveis. Tipos de dados. Definição de funções e classes. – Operadores. Controlo do fluxo do programa. Arredondamentos e conversões. – Objetos do browser e de documentos (DOM). HTMLElement. Eventos e sua manipulação.
6. Framework CSS: Bootstrap – Instalação – Contentores e sistema de grelha. Desenho responsivo e pontos de quebra.
7. Framework JavaScript: jQuery – Acesso aos elementos do documento. Função $. – Eventos e sua manipulação – Alteração de conteúdo e formato de elementos
BIBLIOGRAFIA
1. Figueiredo, B. (2006). Web design : estrutura, concepção e produção de sites Web. FCA
2. W3Schools (2020), http: //www. w3schools. com/
3. MDN Web Docs – Mozilla (2020), http: //developer. mozilla. org/pt-PT/
4. Patrick J. Lynch and Sarah Horton (2013), Web Style Guide, http: //webstyleguide. com/
5. Bootstrap (2020), https: //getbootstrap. com/