Este curso tem como objectivo dotar os participantes de competências essenciais em HTML, XHTML, CSS3 e JavaScript.

No final deste curso os participantes saberão:

·         Estabelecer o ambiente de trabalho para o desenvolvimento de conteúdos web

·         Compreender e aplicar as funcionalidades básicas do HTML5 como: compreender a estrutura de um documento, que elementos e tags disponíveis

·         Como incluir elementos multimédia, gráficos e animações

·         Utilizar e validar Forms

·         Utilizar funcionalidades avançadas como armazenamento, cache e geo-localização

·         Realizar o design de um site através do CSS

·         Realizar um design responsivo através de CSS e a framework Bootstrap

·         Utilizar JavaScrip para enriquecer a aplicação web

·         Utilizar JavaScript para gerir o DOM e processar eventos

Este Curso destina-se a todos os profissionais que desejam aprofundar os conhecimentos de aplicações web.

Assume-se conhecimentos elementares de programação.

HTML e XHTML

1 -    INTRODUÇÃO

·         W3C e a Web

·         O que é a acessibilidade e porque é importante

·         Porque é que a internacionalização é importante

·         Ferramentas W3C

·         O contexto HTML, CSS3 e JavaScript

·         O que significa XHTML

2 -    Ambiente de desenvolvimento

·         Editores HTML

·         Servidores http

·         Browsers

·         FTP

3 -    Conceitos básicos de html5

·         Evolução de HTML 1.0 para HTML 5

·         Novos elementos estruturais

·         Outros elementos e atributos

·         Microdata

4 -    Atributos, imagens e links

·         Atributos

·         Semântica

·         Imagens

·         Hiperlinks

5 -    HTML e CSS - Introdução

·         Tabelas

·         Multimédia

·         CSS - Sintaxe base

·         Propriedades CSS

·         Listas e seletores

·         Links internos

6 -    correções e debuging

·         Ferramentas

·         Modelo de caixa CSS

·         Debugging e precedências com CSS

7 -    Multimédia html5

·         Conteúdo multimédia

·         Legendas e captações fechadas

·         HTML5 media players e frameworks

·         Webcam, microfone e getUserMedeiaAPI

8 -    gráficos html5

·         Canvas – Conceitos básicos de HTML5

·         Modo desenho imediato – retângulos, textos e imagens

·         Linhas, círculos, arcos, curvas, caminhos

·         Cores, gradientes, padrões, sombras

9 -    animações html5

·         Técnicas básicas de animação

·         Canvas e interação entre utilizadores (teclado e rato)

·         Breve análise das funcionalidades avançadas de canvas

·         Modo desenho imediato – retângulos, textos e imagens

10 -  formulários html5

·         Introdução aos formulários de HTML5

·         Formulários acessíveis

·         Novos tipos de input

·         Novos atributos

·         Novos elementos relacionados com formulários

·         Formulários de validação API

11 -  html5 APIs

·         Introdução a HTML5 API

·         Cache HTML5

·         Armazenamento Web API

·         Ficheiro API

·         Geolocalização API

Css3

1 -    introdução ao css

·         O que é CSS

·         Porque é o CSS importante

2 -    regras css

·         Revisão HTML

·         Construção de regras CSS

·         Anexar CSS a HTML através de seletores

·         Aplicação de estilos através de propriedades CSS

3 -    targeting de elementos específicos de html com selectores css

·         Utilização de classes HTML e Ids

·         Pseudo-classes CSS

·         Combinar seletores

4 -    layout e posicionamento

·         Conceitos básicos de layout

·         Elementos flutuantes

·         Posicionamento relativo

5 -    design web

·         Conceitos básicos de design

·         Design de acordo com o público-alvo

·         Histórico de web e tendências de design

javascript

1 -    INTRODUÇÃO ao javascript

·         Introdução ao JavaScript

·         Ajuste do ambiente de desenvolvimento ao JavaScript

·         Onde colocar o código JavaScript

·         Definição de variáveis, funções e tempo de vida

1 -    Tipos em javascript

·         Tipos de JavaScript

·         Construtores comuns

·         Valores por defeito

2 -    Objetos e funções

·         Criação de objetos com sintaxe - 'new Object()'

·         Criação de objetos com sintaxe - Literal

·         Funções

·         Passagem de variáveis por valor vs referência

·         Construtores de funções, protótipos e a palavra chave “this”

·         Objetos literais

3 -    Arrays, closures e Namespaces

·         Arrays

·         Closures

·         Falsos Namespaces

·         Expressões de invocação imediata de funções (IIFEs)

4 -    aplicação de javascript na construção de aplicações web

·         Manipulação DOM

·         Gestão de eventos

·         Conceitos básicos de HTTP

·         Conceitos básicos de Ajax

·         Processamento de ficheiros JSON

·         Construção de um caso de uso