Imprimir

Programação em HTML5 com JavaScript e CSS3

Descrição
O curso apresenta as tecnologias utilizadas na criação das páginas exibidas no navegador web. O aluno adquire habilidades para utilização correta do HTML5 (HyperText Markup Language) para criar as páginas Web e folhas de estilo CSS3 (Cascading Style Sheets) para trabalhar a apresentação de dados. A programação JavaScript permite manipulação de elementos da página via DOM (Documento Object Model) e realizar operações como validação de dados no lado cliente. A biblioteca jQuery facilita o desenvolvimento do seu código JavaScript.

O desenvolvedor vai melhorar a interface e aumentar a usabilidade do aplicativo no lado cliente.

Carga Horária
40 horas.

Pré-requisitos
Lógica de programação;

Conteúdo programático

  • Introdução a HTML e CSS
    • Exibindo informações na Web
    • Sintaxe do HTML
    • Estrutura de um documento HTML
    • Tags HTML
    • Imagens
    • A estrutura dos arquivos de um projeto
    • Editores e IDEs
    • Primeira página
    • Exercício: primeiros passos com HTML
    • Estilizando com CSS
    • Sintaxe e inclusão de CSS
    • Propriedades tipográficas e fontes
    • Alinhamento e decoração de texto
    • Imagem de fundo
    • Bordas
    • Exercício: primeiros passos com CSS
    • Cores na Web
    • Listas HTML
    • Espaçamento e margem
    • Exercícios: listas e margens
    • Links HTML
    • Exercícios: links
    • Elementos estruturais
    • CSS: Seletores de ID e filho
    • Fluxo do documento e float
    • Exercícios: seletores CSS e flutuação de elementos
    • O futuro e presente da Web com o HTML5
  • HTML semântico e posicionamento no CSS
    • O processo de desenvolvimento de uma tela
    • Analisando o Layout
    • HTML semântico
    • Pensando no header
    • Estilização com classes
    • Exercícios: header semântico
    • CSS Reset
    • Block vs Inline
    • Exercícios: reset e display
    • Position: static, relative, absolute
    • Exercícios: posicionamento
    • Para saber mais: suporte HTML5 no Internet Explorer antigo
  • Mais HTML e CSS
    • Analisando o miolo da página
    • Formulários
    • Posicionamento com float e clear
    • Decoração de texto com CSS
    • Cascata e herança no CSS
    • Para saber mais: o valor inherit
    • Exercícios: menu e destaque
    • Display inline-block
    • Exercícios: painéis flutuantes
    • Seletores de atributo do CSS3
    • Rodapé
    • Substituição por Imagem
    • Estilização e posicionamento do rodapé
  • CSS Avançado
    • Seletores avançados
    • Pseudo-classes
    • Pseudo elementos
    • Exercícios: seletores e pseudo-classes
    • Exercícios opcionais
    • CSS3: border-radius
    • CSS3: text-shadow
    • CSS3: box-shadow
    • Opacidade e RGBA
    • Prefixos
    • CSS3: Gradientes
    • Progressive Enhancement
    • Exercícios: visual CSS3
    • CSS3 Transitions
    • CSS3 Transforms
    • Exercícios: CSS3 transform e transition
    • Para saber mais: especificidade de seletores CSS
  • JavaScript e interatividade na Web
    • Características da linguagem
    • A tag script
    • Console do navegador
    • Sintaxe básica
    • Operadores
    • Tipos de dados
    • Exercícios opcionais: fixação de sintaxe
    • Exercícios: formatando um número
    • Comparações
    • Blocos condicionais
    • Funções
    • Exercícios: tornando nosso formatador reutilizável
    • Interatividade na Web
    • Exercício: Calculando o total da compra
    • Array
    • Blocos de Repetição
    • Funções temporais
    • Exercício opcional: banner rotativo
    • Para saber mais: vários callbacks no mesmo elemento
  • jQuery
    • jQuery - A função $
    • jQuery Selectors
    • Filtros customizados e por DOM
    • Utilitário de iteração do jQuery
    • Características de execução
    • Mais produtos na home
    • Exercícios: jQuery na home
    • O elemento output do HTML5
    • Exercícios: mostrando tamanho do produto com jQuery
    • Plugins jQuery
    • Exercícios: plugin
    • Exercícios opcionais



Voltar | Subir