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/